#557b83 Color Information
In a RGB color space, hex #557b83 is composed of 33.3% red, 48.2% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 6.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 190.4 degrees, a saturation of 21.3% and a lightness of 42.4%. #557b83 color hex could be obtained by blending #aaf6ff with #000007. Closest websafe color is: #666699.
-
- R 33
- G 48
- B 51
-
- C 35
- M 6
- Y 0
- K 49
● #557b83 color description : Mostly desaturated dark cyan.
#557b83 Color Conversion
The hexadecimal color #557b83 has RGB values of R:85, G:123, B:131 and CMYK values of C:0.35, M:0.06, Y:0, K:0.49. Its decimal value is 5602179.
Hex triplet | 557b83 | #557b83 |
---|---|---|
RGB Decimal | 85, 123, 131 | rgb(85,123,131) |
RGB Percent | 33.3, 48.2, 51.4 | rgb(33.3%,48.2%,51.4%) |
CMYK | 35, 6, 0, 49 | |
HSL | 190.4°, 21.3, 42.4 | hsl(190.4,21.3%,42.4%) |
HSV (or HSB) | 190.4°, 35.1, 51.4 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 49.173, -11.17, -8.627 |
---|---|
XYZ | 14.925, 17.735, 24.108 |
xyY | 0.263, 0.312, 17.735 |
CIE-LCH | 49.173, 14.113, 217.68 |
CIE-LUV | 49.173, -18.443, -10.56 |
Hunter-Lab | 42.113, -10.438, -4.462 |
Binary | 01010101, 01111011, 10000011 |
Color Schemes with #557b83
Alternatives to #557b83
Below, you can see some colors close to #557b83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557b83 Preview
This text has a font color of #557b83.
<span style="color:#557b83;">Text here</span>
This paragraph has a background color of #557b83.
<p style="background-color:#557b83;">Content here</p>
This element has a border color of #557b83.
<div style="border:1px solid #557b83;">Content here</div>
.text {color:#557b83;}
.background {background-color:#557b83;}
.border {border:1px solid #557b83;}
Shades and Tints of #557b83
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, #000000 is the darkest color, while #f3f7f7 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#080b0c
#080b0c
rgb(8,11,12)
-
#101618
#101618
rgb(16,22,24)
-
#172224
#172224
rgb(23,34,36)
-
#1f2d30
#1f2d30
rgb(31,45,48)
-
#27383c
#27383c
rgb(39,56,60)
-
#2e4348
#2e4348
rgb(46,67,72)
-
#364e53
#364e53
rgb(54,78,83)
-
#3e595f
#3e595f
rgb(62,89,95)
-
#46656b
#46656b
rgb(70,101,107)
-
#4d7077
#4d7077
rgb(77,112,119)
-
#557b83
#557b83
rgb(85,123,131)
-
#5d868f
#5d868f
rgb(93,134,143)
-
#64919b
#64919b
rgb(100,145,155)
-
#709aa2
#709aa2
rgb(112,154,162)
-
#7ca2aa
#7ca2aa
rgb(124,162,170)
-
#88abb2
#88abb2
rgb(136,171,178)
-
#94b3ba
#94b3ba
rgb(148,179,186)
-
#a0bcc1
#a0bcc1
rgb(160,188,193)
-
#acc4c9
#acc4c9
rgb(172,196,201)
-
#b8ccd1
#b8ccd1
rgb(184,204,209)
-
#c4d5d8
#c4d5d8
rgb(196,213,216)
-
#d0dde0
#d0dde0
rgb(208,221,224)
-
#dbe6e8
#dbe6e8
rgb(219,230,232)
-
#e7eef0
#e7eef0
rgb(231,238,240)
-
#f3f7f7
#f3f7f7
rgb(243,247,247)
Tones of #557b83
A tone is produced by adding gray to any pure hue. In this case, #667072 is the less saturated color, while #02b1d6 is the most saturated one.
-
#667072
#667072
rgb(102,112,114)
-
#5d767b
#5d767b
rgb(93,118,123)
-
#557b83
#557b83
rgb(85,123,131)
-
#4d808b
#4d808b
rgb(77,128,139)
-
#448694
#448694
rgb(68,134,148)
-
#3c8b9c
#3c8b9c
rgb(60,139,156)
-
#3491a4
#3491a4
rgb(52,145,164)
-
#2b96ad
#2b96ad
rgb(43,150,173)
-
#239cb5
#239cb5
rgb(35,156,181)
-
#1ba1bd
#1ba1bd
rgb(27,161,189)
-
#13a6c5
#13a6c5
rgb(19,166,197)
-
#0aacce
#0aacce
rgb(10,172,206)
-
#02b1d6
#02b1d6
rgb(2,177,214)
Color Blindness Simulator
Below, you can see how #557b83 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.