#556672 hex color

In a RGB color space, hex #556672 is composed of 33.3% red, 40% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 10.5% magenta, 0% yellow and 55.3% black. It has a hue angle of 204.8 degrees, a saturation of 14.6% and a lightness of 39%. #556672 color hex could be obtained by blending #aacce4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 40
- B 45
RGB color chart
- C 25
- M 11
- Y 0
- K 55
CMYK color chart

● #556672 color description : Very dark grayish blue.

The hexadecimal color #556672 has RGB values of R:85, G:102, B:114 and CMYK values of C:0.25, M:0.11, Y:0, K:0.55. Its decimal value is 5596786.

Hex triplet	556672	`#556672`
RGB Decimal	85, 102, 114	`rgb(85,102,114)`
RGB Percent	33.3, 40, 44.7	`rgb(33.3%,40%,44.7%)`
CMYK	25, 11, 0, 55
HSL	204.8°, 14.6, 39	`hsl(204.8,14.6%,39%)`
HSV (or HSB)	204.8°, 25.4, 44.7
Web Safe	666666	`#666666`

CIE-LAB	42.229, -3.442, -8.865
XYZ	11.534, 12.649, 17.752
xyY	0.275, 0.302, 12.649
CIE-LCH	42.229, 9.51, 248.78
CIE-LUV	42.229, -9.096, -11.569
Hunter-Lab	35.565, -4.348, -4.699
Binary	01010101, 01100110, 01110010

#556672
```
#556672 rgb(85,102,114)
```
#726155
```
#726155 rgb(114,97,85)
```

Complementary Color

#557270
```
#557270 rgb(85,114,112)
```
#556672
```
#556672 rgb(85,102,114)
```
#555872
```
#555872 rgb(85,88,114)
```

Analogous Color

#727055
```
#727055 rgb(114,112,85)
```
#556672
```
#556672 rgb(85,102,114)
```
#725558
```
#725558 rgb(114,85,88)
```

Split Complementary Color

#667255
```
#667255 rgb(102,114,85)
```
#556672
```
#556672 rgb(85,102,114)
```
#725566
```
#725566 rgb(114,85,102)
```

Triadic Color

#557261
```
#557261 rgb(85,114,97)
```
#556672
```
#556672 rgb(85,102,114)
```
#725566
```
#725566 rgb(114,85,102)
```
#726155
```
#726155 rgb(114,97,85)
```

Tetradic Color

#343f46
```
#343f46 rgb(52,63,70)
```
#3f4c55
```
#3f4c55 rgb(63,76,85)
```
#4a5963
```
#4a5963 rgb(74,89,99)
```
#556672
```
#556672 rgb(85,102,114)
```
#607381
```
#607381 rgb(96,115,129)
```
#6b808f
```
#6b808f rgb(107,128,143)
```
#798d9b
```
#798d9b rgb(121,141,155)
```

Monochromatic Color

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

#556d72
```
#556d72 rgb(85,109,114)
```
#556b72
```
#556b72 rgb(85,107,114)
```
#556872
```
#556872 rgb(85,104,114)
```
#556672
```
#556672 rgb(85,102,114)
```
#556472
```
#556472 rgb(85,100,114)
```
#556172
```
#556172 rgb(85,97,114)
```
#555f72
```
#555f72 rgb(85,95,114)
```

Similar Colors

Text with hexadecimal color #556672

This text has a font color of #556672.

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

#556672 background color

This paragraph has a background color of #556672.

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

#556672 border color

This element has a border color of #556672.

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

CSS codes

.text {color:#556672;}

.background {background-color:#556672;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0a0c0d
```
#0a0c0d rgb(10,12,13)
```
#121618
```
#121618 rgb(18,22,24)
```
#1a2023
```
#1a2023 rgb(26,32,35)
```
#232a2f
```
#232a2f rgb(35,42,47)
```
#2b343a
```
#2b343a rgb(43,52,58)
```
#333e45
```
#333e45 rgb(51,62,69)
```
#3c4850
```
#3c4850 rgb(60,72,80)
```
#44525c
```
#44525c rgb(68,82,92)
```
#4d5c67
```
#4d5c67 rgb(77,92,103)
```
#556672
```
#556672 rgb(85,102,114)
```
#5d707d
```
#5d707d rgb(93,112,125)
```
#667a88
```
#667a88 rgb(102,122,136)
```

Shade Color Variation

#6f8493
```
#6f8493 rgb(111,132,147)
```
#7a8e9c
```
#7a8e9c rgb(122,142,156)
```
#8597a4
```
#8597a4 rgb(133,151,164)
```
#90a1ac
```
#90a1ac rgb(144,161,172)
```
#9baab5
```
#9baab5 rgb(155,170,181)
```
#a7b4bd
```
#a7b4bd rgb(167,180,189)
```
#b2bdc6
```
#b2bdc6 rgb(178,189,198)
```
#bdc7ce
```
#bdc7ce rgb(189,199,206)
```
#c8d1d6
```
#c8d1d6 rgb(200,209,214)
```
#d4dadf
```
#d4dadf rgb(212,218,223)
```
#dfe4e7
```
#dfe4e7 rgb(223,228,231)
```
#eaedef
```
#eaedef rgb(234,237,239)
```
#f5f7f8
```
#f5f7f8 rgb(245,247,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d656a is the less saturated color, while #0175c6 is the most saturated one.

#5d656a
```
#5d656a rgb(93,101,106)
```
#556672
```
#556672 rgb(85,102,114)
```
#4d677a
```
#4d677a rgb(77,103,122)
```
#466981
```
#466981 rgb(70,105,129)
```
#3e6a89
```
#3e6a89 rgb(62,106,137)
```
#366b91
```
#366b91 rgb(54,107,145)
```
#2f6d98
```
#2f6d98 rgb(47,109,152)
```
#276ea0
```
#276ea0 rgb(39,110,160)
```
#1f6fa8
```
#1f6fa8 rgb(31,111,168)
```
#1871af
```
#1871af rgb(24,113,175)
```
#1072b7
```
#1072b7 rgb(16,114,183)
```
#0873bf
```
#0873bf rgb(8,115,191)
```
#0175c6
```
#0175c6 rgb(1,117,198)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5f6365 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696b77 Protanopia 1% of men
#6e697a Deuteranopia 1% of men
#5d6e76 Tritanopia 0.001% of the population

Trichromacy

#626975 Protanomaly 1% of men, 0.01% of women
#646877 Deuteranomaly 6% of men, 0.4% of women
#5a6b74 Tritanomaly 0.01% of the population

#556672 hex color

#556672 Color Information

#556672 Color Conversion

Color Schemes with #556672

Alternatives to #556672

#556672 Preview

Shades and Tints of #556672

Tones of #556672

Color Blindness Simulator