#556bd8 hex color

In a RGB color space, hex #556bd8 is composed of 33.3% red, 42% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 50.5% magenta, 0% yellow and 15.3% black. It has a hue angle of 229.9 degrees, a saturation of 62.7% and a lightness of 59%. #556bd8 color hex could be obtained by blending #aad6ff with #0000b1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 85
RGB color chart
- C 61
- M 50
- Y 0
- K 15
CMYK color chart

● #556bd8 color description : Moderate blue.

The hexadecimal color #556bd8 has RGB values of R:85, G:107, B:216 and CMYK values of C:0.61, M:0.5, Y:0, K:0.15. Its decimal value is 5598168.

Hex triplet	556bd8	`#556bd8`
RGB Decimal	85, 107, 216	`rgb(85,107,216)`
RGB Percent	33.3, 42, 84.7	`rgb(33.3%,42%,84.7%)`
CMYK	61, 50, 0, 15
HSL	229.9°, 62.7, 59	`hsl(229.9,62.7%,59%)`
HSV (or HSB)	229.9°, 60.6, 84.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.764, 25.003, -58.613
XYZ	21.396, 17.403, 67.194
xyY	0.202, 0.164, 17.403
CIE-LCH	48.764, 63.723, 293.102
CIE-LUV	48.764, -13.327, -91.755
Hunter-Lab	41.717, 18.544, -66.295
Binary	01010101, 01101011, 11011000

#556bd8
```
#556bd8 rgb(85,107,216)
```
#d8c255
```
#d8c255 rgb(216,194,85)
```

Complementary Color

#55add8
```
#55add8 rgb(85,173,216)
```
#556bd8
```
#556bd8 rgb(85,107,216)
```
#8155d8
```
#8155d8 rgb(129,85,216)
```

Analogous Color

#add855
```
#add855 rgb(173,216,85)
```
#556bd8
```
#556bd8 rgb(85,107,216)
```
#d88155
```
#d88155 rgb(216,129,85)
```

Split Complementary Color

#6bd855
```
#6bd855 rgb(107,216,85)
```
#556bd8
```
#556bd8 rgb(85,107,216)
```
#d8556b
```
#d8556b rgb(216,85,107)
```

Triadic Color

#55d8c2
```
#55d8c2 rgb(85,216,194)
```
#556bd8
```
#556bd8 rgb(85,107,216)
```
#d8556b
```
#d8556b rgb(216,85,107)
```
#d8c255
```
#d8c255 rgb(216,194,85)
```

Tetradic Color

#2a42b7
```
#2a42b7 rgb(42,66,183)
```
#2f49cb
```
#2f49cb rgb(47,73,203)
```
#4059d3
```
#4059d3 rgb(64,89,211)
```
#556bd8
```
#556bd8 rgb(85,107,216)
```
#6a7ddd
```
#6a7ddd rgb(106,125,221)
```
#7e8fe2
```
#7e8fe2 rgb(126,143,226)
```
#93a1e6
```
#93a1e6 rgb(147,161,230)
```

Monochromatic Color

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

#558cd8
```
#558cd8 rgb(85,140,216)
```
#5581d8
```
#5581d8 rgb(85,129,216)
```
#5576d8
```
#5576d8 rgb(85,118,216)
```
#556bd8
```
#556bd8 rgb(85,107,216)
```
#5560d8
```
#5560d8 rgb(85,96,216)
```
#5555d8
```
#5555d8 rgb(85,85,216)
```
#6055d8
```
#6055d8 rgb(96,85,216)
```

Similar Colors

Text with hexadecimal color #556bd8

This text has a font color of #556bd8.

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

#556bd8 background color

This paragraph has a background color of #556bd8.

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

#556bd8 border color

This element has a border color of #556bd8.

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

CSS codes

.text {color:#556bd8;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#050815
```
#050815 rgb(5,8,21)
```
#090d25
```
#090d25 rgb(9,13,37)
```
#0c1335
```
#0c1335 rgb(12,19,53)
```
#101945
```
#101945 rgb(16,25,69)
```
#141f55
```
#141f55 rgb(20,31,85)
```
#172465
```
#172465 rgb(23,36,101)
```
#1b2a75
```
#1b2a75 rgb(27,42,117)
```
#1f3085
```
#1f3085 rgb(31,48,133)
```
#223695
```
#223695 rgb(34,54,149)
```
#263ba5
```
#263ba5 rgb(38,59,165)
```
#2a41b5
```
#2a41b5 rgb(42,65,181)
```
#2d47c5
```
#2d47c5 rgb(45,71,197)
```

Shade Color Variation

#354fd1
```
#354fd1 rgb(53,79,209)
```
#455dd4
```
#455dd4 rgb(69,93,212)
```
#556bd8
```
#556bd8 rgb(85,107,216)
```
#6579dc
```
#6579dc rgb(101,121,220)
```
#7587df
```
#7587df rgb(117,135,223)
```
#8595e3
```
#8595e3 rgb(133,149,227)
```
#95a3e7
```
#95a3e7 rgb(149,163,231)
```
#a5b0ea
```
#a5b0ea rgb(165,176,234)
```
#b5beee
```
#b5beee rgb(181,190,238)
```
#c5ccf2
```
#c5ccf2 rgb(197,204,242)
```
#d5daf5
```
#d5daf5 rgb(213,218,245)
```
#e5e8f9
```
#e5e8f9 rgb(229,232,249)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#959698
```
#959698 rgb(149,150,152)
```
#8d90a0
```
#8d90a0 rgb(141,144,160)
```
#858ba8
```
#858ba8 rgb(133,139,168)
```
#7d86b0
```
#7d86b0 rgb(125,134,176)
```
#7580b8
```
#7580b8 rgb(117,128,184)
```
#6d7bc0
```
#6d7bc0 rgb(109,123,192)
```
#6576c8
```
#6576c8 rgb(101,118,200)
```
#5d70d0
```
#5d70d0 rgb(93,112,208)
```
#556bd8
```
#556bd8 rgb(85,107,216)
```
#4d66e0
```
#4d66e0 rgb(77,102,224)
```
#4560e8
```
#4560e8 rgb(69,96,232)
```
#3d5bf0
```
#3d5bf0 rgb(61,91,240)
```
#3556f8
```
#3556f8 rgb(53,86,248)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6b7086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3877de Protanopia 1% of men
#007dcf Deuteranopia 1% of men
#2b858f Tritanopia 0.001% of the population

Trichromacy

#4273dc Protanomaly 1% of men, 0.01% of women
#1e76d2 Deuteranomaly 6% of men, 0.4% of women
#3a7caa Tritanomaly 0.01% of the population

#556bd8 hex color

#556bd8 Color Information

#556bd8 Color Conversion

Color Schemes with #556bd8

Alternatives to #556bd8

#556bd8 Preview

Shades and Tints of #556bd8

Tones of #556bd8

Color Blindness Simulator