#556474 hex color

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

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

● #556474 color description : Mostly desaturated dark blue.

The hexadecimal color #556474 has RGB values of R:85, G:100, B:116 and CMYK values of C:0.27, M:0.14, Y:0, K:0.55. Its decimal value is 5596276.

Hex triplet	556474	`#556474`
RGB Decimal	85, 100, 116	`rgb(85,100,116)`
RGB Percent	33.3, 39.2, 45.5	`rgb(33.3%,39.2%,45.5%)`
CMYK	27, 14, 0, 55
HSL	211°, 15.4, 39.4	`hsl(211,15.4%,39.4%)`
HSV (or HSB)	211°, 26.7, 45.5
Web Safe	666666	`#666666`

CIE-LAB	41.699, -1.724, -10.879
XYZ	11.455, 12.306, 18.294
xyY	0.272, 0.293, 12.306
CIE-LCH	41.699, 11.015, 260.994
CIE-LUV	41.699, -8.26, -14.611
Hunter-Lab	35.08, -3.103, -6.363
Binary	01010101, 01100100, 01110100

#556474
```
#556474 rgb(85,100,116)
```
#746555
```
#746555 rgb(116,101,85)
```

Complementary Color

#557474
```
#557474 rgb(85,116,116)
```
#556474
```
#556474 rgb(85,100,116)
```
#565574
```
#565574 rgb(86,85,116)
```

Analogous Color

#747455
```
#747455 rgb(116,116,85)
```
#556474
```
#556474 rgb(85,100,116)
```
#745655
```
#745655 rgb(116,86,85)
```

Split Complementary Color

#647455
```
#647455 rgb(100,116,85)
```
#556474
```
#556474 rgb(85,100,116)
```
#745564
```
#745564 rgb(116,85,100)
```

Triadic Color

#557465
```
#557465 rgb(85,116,101)
```
#556474
```
#556474 rgb(85,100,116)
```
#745564
```
#745564 rgb(116,85,100)
```
#746555
```
#746555 rgb(116,101,85)
```

Tetradic Color

#353e48
```
#353e48 rgb(53,62,72)
```
#3f4b57
```
#3f4b57 rgb(63,75,87)
```
#4a5765
```
#4a5765 rgb(74,87,101)
```
#556474
```
#556474 rgb(85,100,116)
```
#607183
```
#607183 rgb(96,113,131)
```
#6b7d91
```
#6b7d91 rgb(107,125,145)
```
#798a9d
```
#798a9d rgb(121,138,157)
```

Monochromatic Color

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

#556c74
```
#556c74 rgb(85,108,116)
```
#556974
```
#556974 rgb(85,105,116)
```
#556774
```
#556774 rgb(85,103,116)
```
#556474
```
#556474 rgb(85,100,116)
```
#556174
```
#556174 rgb(85,97,116)
```
#555f74
```
#555f74 rgb(85,95,116)
```
#555c74
```
#555c74 rgb(85,92,116)
```

Similar Colors

Text with hexadecimal color #556474

This text has a font color of #556474.

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

#556474 background color

This paragraph has a background color of #556474.

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

#556474 border color

This element has a border color of #556474.

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

CSS codes

.text {color:#556474;}

.background {background-color:#556474;}

.border {border:1px solid #556474;}

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0c0e
```
#0a0c0e rgb(10,12,14)
```
#131619
```
#131619 rgb(19,22,25)
```
#1b2025
```
#1b2025 rgb(27,32,37)
```
#232930
```
#232930 rgb(35,41,48)
```
#2c333b
```
#2c333b rgb(44,51,59)
```
#343d47
```
#343d47 rgb(52,61,71)
```
#3c4752
```
#3c4752 rgb(60,71,82)
```
#44505d
```
#44505d rgb(68,80,93)
```
#4d5a69
```
#4d5a69 rgb(77,90,105)
```
#556474
```
#556474 rgb(85,100,116)
```
#5d6e7f
```
#5d6e7f rgb(93,110,127)
```
#66788b
```
#66788b rgb(102,120,139)
```

Shade Color Variation

#6f8195
```
#6f8195 rgb(111,129,149)
```
#7a8b9e
```
#7a8b9e rgb(122,139,158)
```
#8595a6
```
#8595a6 rgb(133,149,166)
```
#919fae
```
#919fae rgb(145,159,174)
```
#9ca9b6
```
#9ca9b6 rgb(156,169,182)
```
#a7b3bf
```
#a7b3bf rgb(167,179,191)
```
#b3bcc7
```
#b3bcc7 rgb(179,188,199)
```
#bec6cf
```
#bec6cf rgb(190,198,207)
```
#c9d0d8
```
#c9d0d8 rgb(201,208,216)
```
#d5dae0
```
#d5dae0 rgb(213,218,224)
```
#e0e4e8
```
#e0e4e8 rgb(224,228,232)
```
#ebeef0
```
#ebeef0 rgb(235,238,240)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

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

#646465
```
#646465 rgb(100,100,101)
```
#5d646c
```
#5d646c rgb(93,100,108)
```
#556474
```
#556474 rgb(85,100,116)
```
#4d647c
```
#4d647c rgb(77,100,124)
```
#466483
```
#466483 rgb(70,100,131)
```
#3e638b
```
#3e638b rgb(62,99,139)
```
#366393
```
#366393 rgb(54,99,147)
```
#2e639b
```
#2e639b rgb(46,99,155)
```
#2763a2
```
#2763a2 rgb(39,99,162)
```
#1f62aa
```
#1f62aa rgb(31,98,170)
```
#1762b2
```
#1762b2 rgb(23,98,178)
```
#0f62ba
```
#0f62ba rgb(15,98,186)
```
#0862c1
```
#0862c1 rgb(8,98,193)
```

Tone Color Variation

Below, you can see how #556474 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

#616161 Achromatopsia 0.005% of the population
#5f6265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676979 Protanopia 1% of men
#6b687c Deuteranopia 1% of men
#5c6d75 Tritanopia 0.001% of the population

Trichromacy

#606777 Protanomaly 1% of men, 0.01% of women
#636679 Deuteranomaly 6% of men, 0.4% of women
#596974 Tritanomaly 0.01% of the population

#556474 hex color

#556474 Color Information

#556474 Color Conversion

Color Schemes with #556474

Alternatives to #556474

#556474 Preview

Shades and Tints of #556474

Tones of #556474

Color Blindness Simulator