#557685 Color Information
In a RGB color space, hex #557685 is composed of 33.3% red, 46.3% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 11.3% magenta, 0% yellow and 47.8% black. It has a hue angle of 198.8 degrees, a saturation of 22% and a lightness of 42.7%. #557685 color hex could be obtained by blending #aaecff with #00000b. Closest websafe color is: #666699.
-
- R 33
- G 46
- B 52
-
- C 36
- M 11
- Y 0
- K 48
● #557685 color description : Mostly desaturated dark blue.
#557685 Color Conversion
The hexadecimal color #557685 has RGB values of R:85, G:118, B:133 and CMYK values of C:0.36, M:0.11, Y:0, K:0.48. Its decimal value is 5600901.
Hex triplet | 557685 | #557685 |
---|---|---|
RGB Decimal | 85, 118, 133 | rgb(85,118,133) |
RGB Percent | 33.3, 46.3, 52.2 | rgb(33.3%,46.3%,52.2%) |
CMYK | 36, 11, 0, 48 | |
HSL | 198.8°, 22, 42.7 | hsl(198.8,22%,42.7%) |
HSV (or HSB) | 198.8°, 36.1, 52.2 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.728, -7.785, -11.982 |
---|---|
XYZ | 14.457, 16.581, 24.628 |
xyY | 0.26, 0.298, 16.581 |
CIE-LCH | 47.728, 14.289, 236.986 |
CIE-LUV | 47.728, -16.298, -15.879 |
Hunter-Lab | 40.72, -7.884, -7.355 |
Binary | 01010101, 01110110, 10000101 |
Color Schemes with #557685
Alternatives to #557685
Below, you can see some colors close to #557685. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557685 Preview
This text has a font color of #557685.
<span style="color:#557685;">Text here</span>
This paragraph has a background color of #557685.
<p style="background-color:#557685;">Content here</p>
This element has a border color of #557685.
<div style="border:1px solid #557685;">Content here</div>
.text {color:#557685;}
.background {background-color:#557685;}
.border {border:1px solid #557685;}
Shades and Tints of #557685
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010101 is the darkest color, while #f4f7f8 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#090c0d
#090c0d
rgb(9,12,13)
-
#101619
#101619
rgb(16,22,25)
-
#182125
#182125
rgb(24,33,37)
-
#1f2c31
#1f2c31
rgb(31,44,49)
-
#27363d
#27363d
rgb(39,54,61)
-
#2f4149
#2f4149
rgb(47,65,73)
-
#364c55
#364c55
rgb(54,76,85)
-
#3e5661
#3e5661
rgb(62,86,97)
-
#46616d
#46616d
rgb(70,97,109)
-
#4d6b79
#4d6b79
rgb(77,107,121)
-
#557685
#557685
rgb(85,118,133)
-
#5d8191
#5d8191
rgb(93,129,145)
-
#658b9c
#658b9c
rgb(101,139,156)
-
#7194a4
#7194a4
rgb(113,148,164)
-
#7d9dac
#7d9dac
rgb(125,157,172)
-
#89a6b3
#89a6b3
rgb(137,166,179)
-
#95afbb
#95afbb
rgb(149,175,187)
-
#a1b8c3
#a1b8c3
rgb(161,184,195)
-
#adc1ca
#adc1ca
rgb(173,193,202)
-
#b9cad2
#b9cad2
rgb(185,202,210)
-
#c5d3da
#c5d3da
rgb(197,211,218)
-
#d0dce1
#d0dce1
rgb(208,220,225)
-
#dce5e9
#dce5e9
rgb(220,229,233)
-
#e8eef1
#e8eef1
rgb(232,238,241)
-
#f4f7f8
#f4f7f8
rgb(244,247,248)
Tones of #557685
A tone is produced by adding gray to any pure hue. In this case, #667074 is the less saturated color, while #0195d9 is the most saturated one.
-
#667074
#667074
rgb(102,112,116)
-
#5d737d
#5d737d
rgb(93,115,125)
-
#557685
#557685
rgb(85,118,133)
-
#4d798d
#4d798d
rgb(77,121,141)
-
#447c96
#447c96
rgb(68,124,150)
-
#3c7f9e
#3c7f9e
rgb(60,127,158)
-
#3383a7
#3383a7
rgb(51,131,167)
-
#2b86af
#2b86af
rgb(43,134,175)
-
#2389b7
#2389b7
rgb(35,137,183)
-
#1a8cc0
#1a8cc0
rgb(26,140,192)
-
#128fc8
#128fc8
rgb(18,143,200)
-
#0a92d0
#0a92d0
rgb(10,146,208)
-
#0195d9
#0195d9
rgb(1,149,217)
Color Blindness Simulator
Below, you can see how #557685 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.