#556d74 hex color

In a RGB color space, hex #556d74 is composed of 33.3% red, 42.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 6% magenta, 0% yellow and 54.5% black. It has a hue angle of 193.5 degrees, a saturation of 15.4% and a lightness of 39.4%. #556d74 color hex could be obtained by blending #aadae8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 43
- B 45
RGB color chart
- C 27
- M 6
- Y 0
- K 55
CMYK color chart

● #556d74 color description : Mostly desaturated dark cyan.

The hexadecimal color #556d74 has RGB values of R:85, G:109, B:116 and CMYK values of C:0.27, M:0.06, Y:0, K:0.55. Its decimal value is 5598580.

Hex triplet	556d74	`#556d74`
RGB Decimal	85, 109, 116	`rgb(85,109,116)`
RGB Percent	33.3, 42.7, 45.5	`rgb(33.3%,42.7%,45.5%)`
CMYK	27, 6, 0, 55
HSL	193.5°, 15.4, 39.4	`hsl(193.5,15.4%,39.4%)`
HSV (or HSB)	193.5°, 26.7, 45.5
Web Safe	666666	`#666666`

CIE-LAB	44.418, -7.059, -6.799
XYZ	12.367, 14.129, 18.598
xyY	0.274, 0.313, 14.129
CIE-LCH	44.418, 9.801, 223.926
CIE-LUV	44.418, -12.262, -8.282
Hunter-Lab	37.589, -7.054, -3.023
Binary	01010101, 01101101, 01110100

#556d74
```
#556d74 rgb(85,109,116)
```
#745c55
```
#745c55 rgb(116,92,85)
```

Complementary Color

#55746c
```
#55746c rgb(85,116,108)
```
#556d74
```
#556d74 rgb(85,109,116)
```
#555e74
```
#555e74 rgb(85,94,116)
```

Analogous Color

#746c55
```
#746c55 rgb(116,108,85)
```
#556d74
```
#556d74 rgb(85,109,116)
```
#74555e
```
#74555e rgb(116,85,94)
```

Split Complementary Color

#6d7455
```
#6d7455 rgb(109,116,85)
```
#556d74
```
#556d74 rgb(85,109,116)
```
#74556d
```
#74556d rgb(116,85,109)
```

Triadic Color

#55745c
```
#55745c rgb(85,116,92)
```
#556d74
```
#556d74 rgb(85,109,116)
```
#74556d
```
#74556d rgb(116,85,109)
```
#745c55
```
#745c55 rgb(116,92,85)
```

Tetradic Color

#354448
```
#354448 rgb(53,68,72)
```
#3f5157
```
#3f5157 rgb(63,81,87)
```
#4a5f65
```
#4a5f65 rgb(74,95,101)
```
#556d74
```
#556d74 rgb(85,109,116)
```
#607b83
```
#607b83 rgb(96,123,131)
```
#6b8991
```
#6b8991 rgb(107,137,145)
```
#79959d
```
#79959d rgb(121,149,157)
```

Monochromatic Color

Below, you can see some colors close to #556d74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#557473
```
#557473 rgb(85,116,115)
```
#557274
```
#557274 rgb(85,114,116)
```
#557074
```
#557074 rgb(85,112,116)
```
#556d74
```
#556d74 rgb(85,109,116)
```
#556a74
```
#556a74 rgb(85,106,116)
```
#556874
```
#556874 rgb(85,104,116)
```
#556574
```
#556574 rgb(85,101,116)
```

Similar Colors

Text with hexadecimal color #556d74

This text has a font color of #556d74.

<span style="color:#556d74;">Text here</span>

#556d74 background color

This paragraph has a background color of #556d74.

<p style="background-color:#556d74;">Content here</p>

#556d74 border color

This element has a border color of #556d74.

<div style="border:1px solid #556d74;">Content here</div>

CSS codes

.text {color:#556d74;}

.background {background-color:#556d74;}

.border {border:1px solid #556d74;}

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, #020303 is the darkest color, while #f6f8f9 is the lightest one.

#020303
```
#020303 rgb(2,3,3)
```
#0a0d0e
```
#0a0d0e rgb(10,13,14)
```
#131819
```
#131819 rgb(19,24,25)
```
#1b2325
```
#1b2325 rgb(27,35,37)
```
#232d30
```
#232d30 rgb(35,45,48)
```
#2c383b
```
#2c383b rgb(44,56,59)
```
#344247
```
#344247 rgb(52,66,71)
```
#3c4d52
```
#3c4d52 rgb(60,77,82)
```
#44585d
```
#44585d rgb(68,88,93)
```
#4d6269
```
#4d6269 rgb(77,98,105)
```
#556d74
```
#556d74 rgb(85,109,116)
```
#5d787f
```
#5d787f rgb(93,120,127)
```
#66828b
```
#66828b rgb(102,130,139)
```

Shade Color Variation

#6f8d95
```
#6f8d95 rgb(111,141,149)
```
#7a959e
```
#7a959e rgb(122,149,158)
```
#859ea6
```
#859ea6 rgb(133,158,166)
```
#91a7ae
```
#91a7ae rgb(145,167,174)
```
#9cb0b6
```
#9cb0b6 rgb(156,176,182)
```
#a7b9bf
```
#a7b9bf rgb(167,185,191)
```
#b3c2c7
```
#b3c2c7 rgb(179,194,199)
```
#becbcf
```
#becbcf rgb(190,203,207)
```
#c9d4d8
```
#c9d4d8 rgb(201,212,216)
```
#d5dde0
```
#d5dde0 rgb(213,221,224)
```
#e0e6e8
```
#e0e6e8 rgb(224,230,232)
```
#ebeff0
```
#ebeff0 rgb(235,239,240)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646565 is the less saturated color, while #0897c1 is the most saturated one.

#646565
```
#646565 rgb(100,101,101)
```
#5d696c
```
#5d696c rgb(93,105,108)
```
#556d74
```
#556d74 rgb(85,109,116)
```
#4d717c
```
#4d717c rgb(77,113,124)
```
#467583
```
#467583 rgb(70,117,131)
```
#3e7a8b
```
#3e7a8b rgb(62,122,139)
```
#367e93
```
#367e93 rgb(54,126,147)
```
#2e829b
```
#2e829b rgb(46,130,155)
```
#2786a2
```
#2786a2 rgb(39,134,162)
```
#1f8baa
```
#1f8baa rgb(31,139,170)
```
#178fb2
```
#178fb2 rgb(23,143,178)
```
#0f93ba
```
#0f93ba rgb(15,147,186)
```
#0897c1
```
#0897c1 rgb(8,151,193)
```

Tone Color Variation

Below, you can see how #556d74 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.

Monochromacy

#676767 Achromatopsia 0.005% of the population
#63686a Atypical Achromatopsia 0.001% of the population

Dichromacy

#707078 Protanopia 1% of men
#756e7d Deuteranopia 1% of men
#5e747c Tritanopia 0.001% of the population

Trichromacy

#666f77 Protanomaly 1% of men, 0.01% of women
#696d7a Deuteranomaly 6% of men, 0.4% of women
#5a7179 Tritanomaly 0.01% of the population

#556d74 hex color

#556d74 Color Information

#556d74 Color Conversion

Color Schemes with #556d74

Alternatives to #556d74

#556d74 Preview

Shades and Tints of #556d74

Tones of #556d74

Color Blindness Simulator