#556bd0 hex color

In a RGB color space, hex #556bd0 is composed of 33.3% red, 42% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 48.6% magenta, 0% yellow and 18.4% black. It has a hue angle of 229.3 degrees, a saturation of 56.7% and a lightness of 57.5%. #556bd0 color hex could be obtained by blending #aad6ff with #0000a1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 82
RGB color chart
- C 59
- M 49
- Y 0
- K 18
CMYK color chart

● #556bd0 color description : Moderate blue.

The hexadecimal color #556bd0 has RGB values of R:85, G:107, B:208 and CMYK values of C:0.59, M:0.49, Y:0, K:0.18. Its decimal value is 5598160.

Hex triplet	556bd0	`#556bd0`
RGB Decimal	85, 107, 208	`rgb(85,107,208)`
RGB Percent	33.3, 42, 81.6	`rgb(33.3%,42%,81.6%)`
CMYK	59, 49, 0, 18
HSL	229.3°, 56.7, 57.5	`hsl(229.3,56.7%,57.5%)`
HSV (or HSB)	229.3°, 59.1, 81.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.26, 22.319, -54.869
XYZ	20.387, 17, 61.878
xyY	0.205, 0.171, 17
CIE-LCH	48.26, 59.235, 292.135
CIE-LUV	48.26, -13.146, -85.616
Hunter-Lab	41.231, 16.107, -60.119
Binary	01010101, 01101011, 11010000

#556bd0
```
#556bd0 rgb(85,107,208)
```
#d0ba55
```
#d0ba55 rgb(208,186,85)
```

Complementary Color

#55a9d0
```
#55a9d0 rgb(85,169,208)
```
#556bd0
```
#556bd0 rgb(85,107,208)
```
#7d55d0
```
#7d55d0 rgb(125,85,208)
```

Analogous Color

#a9d055
```
#a9d055 rgb(169,208,85)
```
#556bd0
```
#556bd0 rgb(85,107,208)
```
#d07d55
```
#d07d55 rgb(208,125,85)
```

Split Complementary Color

#6bd055
```
#6bd055 rgb(107,208,85)
```
#556bd0
```
#556bd0 rgb(85,107,208)
```
#d0556b
```
#d0556b rgb(208,85,107)
```

Triadic Color

#55d0ba
```
#55d0ba rgb(85,208,186)
```
#556bd0
```
#556bd0 rgb(85,107,208)
```
#d0556b
```
#d0556b rgb(208,85,107)
```
#d0ba55
```
#d0ba55 rgb(208,186,85)
```

Tetradic Color

#2f45aa
```
#2f45aa rgb(47,69,170)
```
#344dbe
```
#344dbe rgb(52,77,190)
```
#415aca
```
#415aca rgb(65,90,202)
```
#556bd0
```
#556bd0 rgb(85,107,208)
```
#697cd6
```
#697cd6 rgb(105,124,214)
```
#7d8edb
```
#7d8edb rgb(125,142,219)
```
#919fe1
```
#919fe1 rgb(145,159,225)
```

Monochromatic Color

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

#558ad0
```
#558ad0 rgb(85,138,208)
```
#5580d0
```
#5580d0 rgb(85,128,208)
```
#5575d0
```
#5575d0 rgb(85,117,208)
```
#556bd0
```
#556bd0 rgb(85,107,208)
```
#5561d0
```
#5561d0 rgb(85,97,208)
```
#5557d0
```
#5557d0 rgb(85,87,208)
```
#5e55d0
```
#5e55d0 rgb(94,85,208)
```

Similar Colors

Text with hexadecimal color #556bd0

This text has a font color of #556bd0.

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

#556bd0 background color

This paragraph has a background color of #556bd0.

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

#556bd0 border color

This element has a border color of #556bd0.

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

CSS codes

.text {color:#556bd0;}

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

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

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, #04060e is the darkest color, while #fefeff is the lightest one.

#04060e
```
#04060e rgb(4,6,14)
```
#080c1e
```
#080c1e rgb(8,12,30)
```
#0c122d
```
#0c122d rgb(12,18,45)
```
#11193d
```
#11193d rgb(17,25,61)
```
#151f4c
```
#151f4c rgb(21,31,76)
```
#19255b
```
#19255b rgb(25,37,91)
```
#1d2b6b
```
#1d2b6b rgb(29,43,107)
```
#22327a
```
#22327a rgb(34,50,122)
```
#263889
```
#263889 rgb(38,56,137)
```
#2a3e99
```
#2a3e99 rgb(42,62,153)
```
#2e44a8
```
#2e44a8 rgb(46,68,168)
```
#334ab7
```
#334ab7 rgb(51,74,183)
```
#3751c7
```
#3751c7 rgb(55,81,199)
```

Shade Color Variation

#465ecc
```
#465ecc rgb(70,94,204)
```
#556bd0
```
#556bd0 rgb(85,107,208)
```
#6478d4
```
#6478d4 rgb(100,120,212)
```
#7486d8
```
#7486d8 rgb(116,134,216)
```
#8393dd
```
#8393dd rgb(131,147,221)
```
#92a1e1
```
#92a1e1 rgb(146,161,225)
```
#a2aee5
```
#a2aee5 rgb(162,174,229)
```
#b1bbe9
```
#b1bbe9 rgb(177,187,233)
```
#c1c9ee
```
#c1c9ee rgb(193,201,238)
```
#d0d6f2
```
#d0d6f2 rgb(208,214,242)
```
#dfe3f6
```
#dfe3f6 rgb(223,227,246)
```
#eff1fa
```
#eff1fa rgb(239,241,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9196 is the less saturated color, while #2b50fa is the most saturated one.

#8f9196
```
#8f9196 rgb(143,145,150)
```
#878b9e
```
#878b9e rgb(135,139,158)
```
#7f86a6
```
#7f86a6 rgb(127,134,166)
```
#7680af
```
#7680af rgb(118,128,175)
```
#6e7bb7
```
#6e7bb7 rgb(110,123,183)
```
#6676bf
```
#6676bf rgb(102,118,191)
```
#5d70c8
```
#5d70c8 rgb(93,112,200)
```
#556bd0
```
#556bd0 rgb(85,107,208)
```
#4d66d8
```
#4d66d8 rgb(77,102,216)
```
#4460e1
```
#4460e1 rgb(68,96,225)
```
#3c5be9
```
#3c5be9 rgb(60,91,233)
```
#3456f1
```
#3456f1 rgb(52,86,241)
```
#2b50fa
```
#2b50fa rgb(43,80,250)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6b6f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4276d5 Protanopia 1% of men
#0c7bce Deuteranopia 1% of men
#34848d Tritanopia 0.001% of the population

Trichromacy

#4972d3 Protanomaly 1% of men, 0.01% of women
#2775cf Deuteranomaly 6% of men, 0.4% of women
#407aa5 Tritanomaly 0.01% of the population

#556bd0 hex color

#556bd0 Color Information

#556bd0 Color Conversion

Color Schemes with #556bd0

Alternatives to #556bd0

#556bd0 Preview

Shades and Tints of #556bd0

Tones of #556bd0

Color Blindness Simulator