#557276 Color Information
In a RGB color space, hex #557276 is composed of 33.3% red, 44.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 3.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 187.3 degrees, a saturation of 16.3% and a lightness of 39.8%. #557276 color hex could be obtained by blending #aae4ec with #000000. Closest websafe color is: #666666.
-
- R 33
- G 45
- B 46
-
- C 28
- M 3
- Y 0
- K 54
● #557276 color description : Mostly desaturated dark cyan.
#557276 Color Conversion
The hexadecimal color #557276 has RGB values of R:85, G:114, B:118 and CMYK values of C:0.28, M:0.03, Y:0, K:0.54. Its decimal value is 5599862.
Hex triplet | 557276 | #557276 |
---|---|---|
RGB Decimal | 85, 114, 118 | rgb(85,114,118) |
RGB Percent | 33.3, 44.7, 46.3 | rgb(33.3%,44.7%,46.3%) |
CMYK | 28, 3, 0, 54 | |
HSL | 187.3°, 16.3, 39.8 | hsl(187.3,16.3%,39.8%) |
HSV (or HSB) | 187.3°, 28, 46.3 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 46.007, -9.437, -5.633 |
---|---|
XYZ | 13.033, 15.273, 19.4 |
xyY | 0.273, 0.32, 15.273 |
CIE-LCH | 46.007, 10.991, 210.833 |
CIE-LUV | 46.007, -14.511, -6.365 |
Hunter-Lab | 39.081, -8.866, -2.075 |
Binary | 01010101, 01110010, 01110110 |
Color Schemes with #557276
Alternatives to #557276
Below, you can see some colors close to #557276. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557276 Preview
This text has a font color of #557276.
<span style="color:#557276;">Text here</span>
This paragraph has a background color of #557276.
<p style="background-color:#557276;">Content here</p>
This element has a border color of #557276.
<div style="border:1px solid #557276;">Content here</div>
.text {color:#557276;}
.background {background-color:#557276;}
.border {border:1px solid #557276;}
Shades and Tints of #557276
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, #030404 is the darkest color, while #f8f9fa is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0b0f0f
#0b0f0f
rgb(11,15,15)
-
#131a1b
#131a1b
rgb(19,26,27)
-
#1c2526
#1c2526
rgb(28,37,38)
-
#243032
#243032
rgb(36,48,50)
-
#2c3b3d
#2c3b3d
rgb(44,59,61)
-
#344648
#344648
rgb(52,70,72)
-
#3c5154
#3c5154
rgb(60,81,84)
-
#455c5f
#455c5f
rgb(69,92,95)
-
#4d676b
#4d676b
rgb(77,103,107)
-
#557276
#557276
rgb(85,114,118)
-
#5d7d81
#5d7d81
rgb(93,125,129)
-
#65888d
#65888d
rgb(101,136,141)
-
#6f9297
#6f9297
rgb(111,146,151)
-
#7a9b9f
#7a9b9f
rgb(122,155,159)
-
#86a3a8
#86a3a8
rgb(134,163,168)
-
#91acb0
#91acb0
rgb(145,172,176)
-
#9cb5b8
#9cb5b8
rgb(156,181,184)
-
#a8bdc0
#a8bdc0
rgb(168,189,192)
-
#b3c6c8
#b3c6c8
rgb(179,198,200)
-
#bfced1
#bfced1
rgb(191,206,209)
-
#cad7d9
#cad7d9
rgb(202,215,217)
-
#d5e0e1
#d5e0e1
rgb(213,224,225)
-
#e1e8e9
#e1e8e9
rgb(225,232,233)
-
#ecf1f1
#ecf1f1
rgb(236,241,241)
-
#f8f9fa
#f8f9fa
rgb(248,249,250)
Tones of #557276
A tone is produced by adding gray to any pure hue. In this case, #656666 is the less saturated color, while #07adc4 is the most saturated one.
-
#656666
#656666
rgb(101,102,102)
-
#5d6c6e
#5d6c6e
rgb(93,108,110)
-
#557276
#557276
rgb(85,114,118)
-
#4d787e
#4d787e
rgb(77,120,126)
-
#457e86
#457e86
rgb(69,126,134)
-
#3e848d
#3e848d
rgb(62,132,141)
-
#368a95
#368a95
rgb(54,138,149)
-
#2e909d
#2e909d
rgb(46,144,157)
-
#2695a5
#2695a5
rgb(38,149,165)
-
#1e9bad
#1e9bad
rgb(30,155,173)
-
#17a1b4
#17a1b4
rgb(23,161,180)
-
#0fa7bc
#0fa7bc
rgb(15,167,188)
-
#07adc4
#07adc4
rgb(7,173,196)
Color Blindness Simulator
Below, you can see how #557276 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.