#557a83 Color Information
In a RGB color space, hex #557a83 is composed of 33.3% red, 47.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 6.9% magenta, 0% yellow and 48.6% black. It has a hue angle of 191.7 degrees, a saturation of 21.3% and a lightness of 42.4%. #557a83 color hex could be obtained by blending #aaf4ff with #000007. Closest websafe color is: #666699.
-
- R 33
- G 48
- B 51
-
- C 35
- M 7
- Y 0
- K 49
● #557a83 color description : Mostly desaturated dark cyan.
#557a83 Color Conversion
The hexadecimal color #557a83 has RGB values of R:85, G:122, B:131 and CMYK values of C:0.35, M:0.07, Y:0, K:0.49. Its decimal value is 5601923.
Hex triplet | 557a83 | #557a83 |
---|---|---|
RGB Decimal | 85, 122, 131 | rgb(85,122,131) |
RGB Percent | 33.3, 47.8, 51.4 | rgb(33.3%,47.8%,51.4%) |
CMYK | 35, 7, 0, 49 | |
HSL | 191.7°, 21.3, 42.4 | hsl(191.7,21.3%,42.4%) |
HSV (or HSB) | 191.7°, 35.1, 51.4 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 48.87, -10.606, -9.081 |
---|---|
XYZ | 14.802, 17.488, 24.067 |
xyY | 0.263, 0.31, 17.488 |
CIE-LCH | 48.87, 13.963, 220.572 |
CIE-LUV | 48.87, -18.014, -11.29 |
Hunter-Lab | 41.819, -10.005, -4.848 |
Binary | 01010101, 01111010, 10000011 |
Color Schemes with #557a83
Alternatives to #557a83
Below, you can see some colors close to #557a83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557a83 Preview
This text has a font color of #557a83.
<span style="color:#557a83;">Text here</span>
This paragraph has a background color of #557a83.
<p style="background-color:#557a83;">Content here</p>
This element has a border color of #557a83.
<div style="border:1px solid #557a83;">Content here</div>
.text {color:#557a83;}
.background {background-color:#557a83;}
.border {border:1px solid #557a83;}
Shades and Tints of #557a83
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)
-
#172124
#172124
rgb(23,33,36)
-
#1f2c30
#1f2c30
rgb(31,44,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)
-
#46646b
#46646b
rgb(70,100,107)
-
#4d6f77
#4d6f77
rgb(77,111,119)
-
#557a83
#557a83
rgb(85,122,131)
-
#5d858f
#5d858f
rgb(93,133,143)
-
#64909b
#64909b
rgb(100,144,155)
-
#7099a2
#7099a2
rgb(112,153,162)
-
#7ca1aa
#7ca1aa
rgb(124,161,170)
-
#88aab2
#88aab2
rgb(136,170,178)
-
#94b2ba
#94b2ba
rgb(148,178,186)
-
#a0bbc1
#a0bbc1
rgb(160,187,193)
-
#acc3c9
#acc3c9
rgb(172,195,201)
-
#b8ccd1
#b8ccd1
rgb(184,204,209)
-
#c4d4d8
#c4d4d8
rgb(196,212,216)
-
#d0dde0
#d0dde0
rgb(208,221,224)
-
#dbe5e8
#dbe5e8
rgb(219,229,232)
-
#e7eef0
#e7eef0
rgb(231,238,240)
-
#f3f7f7
#f3f7f7
rgb(243,247,247)
Tones of #557a83
A tone is produced by adding gray to any pure hue. In this case, #667072 is the less saturated color, while #02add6 is the most saturated one.
-
#667072
#667072
rgb(102,112,114)
-
#5d757b
#5d757b
rgb(93,117,123)
-
#557a83
#557a83
rgb(85,122,131)
-
#4d7f8b
#4d7f8b
rgb(77,127,139)
-
#448494
#448494
rgb(68,132,148)
-
#3c899c
#3c899c
rgb(60,137,156)
-
#348ea4
#348ea4
rgb(52,142,164)
-
#2b93ad
#2b93ad
rgb(43,147,173)
-
#2398b5
#2398b5
rgb(35,152,181)
-
#1b9dbd
#1b9dbd
rgb(27,157,189)
-
#13a2c5
#13a2c5
rgb(19,162,197)
-
#0aa8ce
#0aa8ce
rgb(10,168,206)
-
#02add6
#02add6
rgb(2,173,214)
Color Blindness Simulator
Below, you can see how #557a83 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.