#556bb8 hex color

In a RGB color space, hex #556bb8 is composed of 33.3% red, 42% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 41.8% magenta, 0% yellow and 27.8% black. It has a hue angle of 226.7 degrees, a saturation of 41.1% and a lightness of 52.7%. #556bb8 color hex could be obtained by blending #aad6ff with #000071. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 72
RGB color chart
- C 54
- M 42
- Y 0
- K 28
CMYK color chart

● #556bb8 color description : Moderate blue.

The hexadecimal color #556bb8 has RGB values of R:85, G:107, B:184 and CMYK values of C:0.54, M:0.42, Y:0, K:0.28. Its decimal value is 5598136.

Hex triplet	556bb8	`#556bb8`
RGB Decimal	85, 107, 184	`rgb(85,107,184)`
RGB Percent	33.3, 42, 72.2	`rgb(33.3%,42%,72.2%)`
CMYK	54, 42, 0, 28
HSL	226.7°, 41.1, 52.7	`hsl(226.7,41.1%,52.7%)`
HSV (or HSB)	226.7°, 53.8, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.852, 14.367, -43.303
XYZ	17.654, 15.907, 47.485
xyY	0.218, 0.196, 15.907
CIE-LCH	46.852, 45.625, 288.355
CIE-LUV	46.852, -12.625, -66.558
Hunter-Lab	39.883, 9.216, -42.673
Binary	01010101, 01101011, 10111000

#556bb8
```
#556bb8 rgb(85,107,184)
```
#b8a255
```
#b8a255 rgb(184,162,85)
```

Complementary Color

#559db8
```
#559db8 rgb(85,157,184)
```
#556bb8
```
#556bb8 rgb(85,107,184)
```
#7155b8
```
#7155b8 rgb(113,85,184)
```

Analogous Color

#9db855
```
#9db855 rgb(157,184,85)
```
#556bb8
```
#556bb8 rgb(85,107,184)
```
#b87155
```
#b87155 rgb(184,113,85)
```

Split Complementary Color

#6bb855
```
#6bb855 rgb(107,184,85)
```
#556bb8
```
#556bb8 rgb(85,107,184)
```
#b8556b
```
#b8556b rgb(184,85,107)
```

Triadic Color

#55b8a2
```
#55b8a2 rgb(85,184,162)
```
#556bb8
```
#556bb8 rgb(85,107,184)
```
#b8556b
```
#b8556b rgb(184,85,107)
```
#b8a255
```
#b8a255 rgb(184,162,85)
```

Tetradic Color

#394a88
```
#394a88 rgb(57,74,136)
```
#40549a
```
#40549a rgb(64,84,154)
```
#485eac
```
#485eac rgb(72,94,172)
```
#556bb8
```
#556bb8 rgb(85,107,184)
```
#677bc0
```
#677bc0 rgb(103,123,192)
```
#798ac7
```
#798ac7 rgb(121,138,199)
```
#8b9acf
```
#8b9acf rgb(139,154,207)
```

Monochromatic Color

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

#5584b8
```
#5584b8 rgb(85,132,184)
```
#557cb8
```
#557cb8 rgb(85,124,184)
```
#5573b8
```
#5573b8 rgb(85,115,184)
```
#556bb8
```
#556bb8 rgb(85,107,184)
```
#5563b8
```
#5563b8 rgb(85,99,184)
```
#555bb8
```
#555bb8 rgb(85,91,184)
```
#5855b8
```
#5855b8 rgb(88,85,184)
```

Similar Colors

Text with hexadecimal color #556bb8

This text has a font color of #556bb8.

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

#556bb8 background color

This paragraph has a background color of #556bb8.

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

#556bb8 border color

This element has a border color of #556bb8.

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

CSS codes

.text {color:#556bb8;}

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

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

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, #04050a is the darkest color, while #fbfcfd is the lightest one.

#04050a
```
#04050a rgb(4,5,10)
```
#0a0d18
```
#0a0d18 rgb(10,13,24)
```
#101526
```
#101526 rgb(16,21,38)
```
#151c33
```
#151c33 rgb(21,28,51)
```
#1b2441
```
#1b2441 rgb(27,36,65)
```
#212b4f
```
#212b4f rgb(33,43,79)
```
#27335d
```
#27335d rgb(39,51,93)
```
#2d3a6b
```
#2d3a6b rgb(45,58,107)
```
#324279
```
#324279 rgb(50,66,121)
```
#384a86
```
#384a86 rgb(56,74,134)
```
#3e5194
```
#3e5194 rgb(62,81,148)
```
#4459a2
```
#4459a2 rgb(68,89,162)
```
#4960b0
```
#4960b0 rgb(73,96,176)
```

Shade Color Variation

#556bb8
```
#556bb8 rgb(85,107,184)
```
#6377be
```
#6377be rgb(99,119,190)
```
#7183c4
```
#7183c4 rgb(113,131,196)
```
#7f8fc9
```
#7f8fc9 rgb(127,143,201)
```
#8c9bcf
```
#8c9bcf rgb(140,155,207)
```
#9aa7d5
```
#9aa7d5 rgb(154,167,213)
```
#a8b3db
```
#a8b3db rgb(168,179,219)
```
#b6bfe0
```
#b6bfe0 rgb(182,191,224)
```
#c4cbe6
```
#c4cbe6 rgb(196,203,230)
```
#d2d7ec
```
#d2d7ec rgb(210,215,236)
```
#dfe3f2
```
#dfe3f2 rgb(223,227,242)
```
#edf0f8
```
#edf0f8 rgb(237,240,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83858a is the less saturated color, while #1447f9 is the most saturated one.

#83858a
```
#83858a rgb(131,133,138)
```
#7a8093
```
#7a8093 rgb(122,128,147)
```
#717a9c
```
#717a9c rgb(113,122,156)
```
#6875a5
```
#6875a5 rgb(104,117,165)
```
#5e70af
```
#5e70af rgb(94,112,175)
```
#556bb8
```
#556bb8 rgb(85,107,184)
```
#4c66c1
```
#4c66c1 rgb(76,102,193)
```
#4261cb
```
#4261cb rgb(66,97,203)
```
#395cd4
```
#395cd4 rgb(57,92,212)
```
#3056dd
```
#3056dd rgb(48,86,221)
```
#2751e6
```
#2751e6 rgb(39,81,230)
```
#1d4cf0
```
#1d4cf0 rgb(29,76,240)
```
#1447f9
```
#1447f9 rgb(20,71,249)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#686d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5574bc Protanopia 1% of men
#4777b9 Deuteranopia 1% of men
#467e87 Tritanopia 0.001% of the population

Trichromacy

#5570bb Protanomaly 1% of men, 0.01% of women
#4c72b9 Deuteranomaly 6% of men, 0.4% of women
#4b7799 Tritanomaly 0.01% of the population

#556bb8 hex color

#556bb8 Color Information

#556bb8 Color Conversion

Color Schemes with #556bb8

Alternatives to #556bb8

#556bb8 Preview

Shades and Tints of #556bb8

Tones of #556bb8

Color Blindness Simulator