#556ab5 hex color

In a RGB color space, hex #556ab5 is composed of 33.3% red, 41.6% green and 71% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 41.4% magenta, 0% yellow and 29% black. It has a hue angle of 226.9 degrees, a saturation of 39.3% and a lightness of 52.2%. #556ab5 color hex could be obtained by blending #aad4ff with #00006b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 71
RGB color chart
- C 53
- M 41
- Y 0
- K 29
CMYK color chart

● #556ab5 color description : Moderate blue.

The hexadecimal color #556ab5 has RGB values of R:85, G:106, B:181 and CMYK values of C:0.53, M:0.41, Y:0, K:0.29. Its decimal value is 5597877.

Hex triplet	556ab5	`#556ab5`
RGB Decimal	85, 106, 181	`rgb(85,106,181)`
RGB Percent	33.3, 41.6, 71	`rgb(33.3%,41.6%,71%)`
CMYK	53, 41, 0, 29
HSL	226.9°, 39.3, 52.2	`hsl(226.9,39.3%,52.2%)`
HSV (or HSB)	226.9°, 53, 71
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.412, 14.012, -42.259
XYZ	17.239, 15.575, 45.811
xyY	0.219, 0.198, 15.575
CIE-LCH	46.412, 44.521, 288.344
CIE-LUV	46.412, -12.219, -64.764
Hunter-Lab	39.465, 8.909, -41.199
Binary	01010101, 01101010, 10110101

#556ab5
```
#556ab5 rgb(85,106,181)
```
#b5a055
```
#b5a055 rgb(181,160,85)
```

Complementary Color

#559ab5
```
#559ab5 rgb(85,154,181)
```
#556ab5
```
#556ab5 rgb(85,106,181)
```
#7055b5
```
#7055b5 rgb(112,85,181)
```

Analogous Color

#9ab555
```
#9ab555 rgb(154,181,85)
```
#556ab5
```
#556ab5 rgb(85,106,181)
```
#b57055
```
#b57055 rgb(181,112,85)
```

Split Complementary Color

#6ab555
```
#6ab555 rgb(106,181,85)
```
#556ab5
```
#556ab5 rgb(85,106,181)
```
#b5556a
```
#b5556a rgb(181,85,106)
```

Triadic Color

#55b5a0
```
#55b5a0 rgb(85,181,160)
```
#556ab5
```
#556ab5 rgb(85,106,181)
```
#b5556a
```
#b5556a rgb(181,85,106)
```
#b5a055
```
#b5a055 rgb(181,160,85)
```

Tetradic Color

#394a84
```
#394a84 rgb(57,74,132)
```
#415496
```
#415496 rgb(65,84,150)
```
#495ea8
```
#495ea8 rgb(73,94,168)
```
#556ab5
```
#556ab5 rgb(85,106,181)
```
#677abd
```
#677abd rgb(103,122,189)
```
#7989c4
```
#7989c4 rgb(121,137,196)
```
#8a99cc
```
#8a99cc rgb(138,153,204)
```

Monochromatic Color

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

#5582b5
```
#5582b5 rgb(85,130,181)
```
#557ab5
```
#557ab5 rgb(85,122,181)
```
#5572b5
```
#5572b5 rgb(85,114,181)
```
#556ab5
```
#556ab5 rgb(85,106,181)
```
#5562b5
```
#5562b5 rgb(85,98,181)
```
#555ab5
```
#555ab5 rgb(85,90,181)
```
#5855b5
```
#5855b5 rgb(88,85,181)
```

Similar Colors

Text with hexadecimal color #556ab5

This text has a font color of #556ab5.

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

#556ab5 background color

This paragraph has a background color of #556ab5.

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

#556ab5 border color

This element has a border color of #556ab5.

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

CSS codes

.text {color:#556ab5;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#090c15
```
#090c15 rgb(9,12,21)
```
#0f1423
```
#0f1423 rgb(15,20,35)
```
#151b31
```
#151b31 rgb(21,27,49)
```
#1b233e
```
#1b233e rgb(27,35,62)
```
#212a4c
```
#212a4c rgb(33,42,76)
```
#27325a
```
#27325a rgb(39,50,90)
```
#2d3a67
```
#2d3a67 rgb(45,58,103)
```
#334175
```
#334175 rgb(51,65,117)
```
#394983
```
#394983 rgb(57,73,131)
```
#3f5190
```
#3f5190 rgb(63,81,144)
```
#45589e
```
#45589e rgb(69,88,158)
```
#4b60ac
```
#4b60ac rgb(75,96,172)
```

Shade Color Variation

#556ab5
```
#556ab5 rgb(85,106,181)
```
#6376bb
```
#6376bb rgb(99,118,187)
```
#7082c1
```
#7082c1 rgb(112,130,193)
```
#7e8ec7
```
#7e8ec7 rgb(126,142,199)
```
#8c9acd
```
#8c9acd rgb(140,154,205)
```
#99a6d3
```
#99a6d3 rgb(153,166,211)
```
#a7b2d9
```
#a7b2d9 rgb(167,178,217)
```
#b5bedf
```
#b5bedf rgb(181,190,223)
```
#c2cae5
```
#c2cae5 rgb(194,202,229)
```
#d0d6eb
```
#d0d6eb rgb(208,214,235)
```
#dee2f0
```
#dee2f0 rgb(222,226,240)
```
#ebeef6
```
#ebeef6 rgb(235,238,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#848486
```
#848486 rgb(132,132,134)
```
#7b7f8f
```
#7b7f8f rgb(123,127,143)
```
#717a99
```
#717a99 rgb(113,122,153)
```
#6875a2
```
#6875a2 rgb(104,117,162)
```
#5e6fac
```
#5e6fac rgb(94,111,172)
```
#556ab5
```
#556ab5 rgb(85,106,181)
```
#4c65be
```
#4c65be rgb(76,101,190)
```
#425fc8
```
#425fc8 rgb(66,95,200)
```
#395ad1
```
#395ad1 rgb(57,90,209)
```
#2f55db
```
#2f55db rgb(47,85,219)
```
#2650e4
```
#2650e4 rgb(38,80,228)
```
#1d4aed
```
#1d4aed rgb(29,74,237)
```
#1345f7
```
#1345f7 rgb(19,69,247)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#676c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5573ba Protanopia 1% of men
#4876b7 Deuteranopia 1% of men
#477d86 Tritanopia 0.001% of the population

Trichromacy

#556fb8 Protanomaly 1% of men, 0.01% of women
#4d71b6 Deuteranomaly 6% of men, 0.4% of women
#4c7697 Tritanomaly 0.01% of the population

#556ab5 hex color

#556ab5 Color Information

#556ab5 Color Conversion

Color Schemes with #556ab5

Alternatives to #556ab5

#556ab5 Preview

Shades and Tints of #556ab5

Tones of #556ab5

Color Blindness Simulator