#1556b0 hex color

In a RGB color space, hex #1556b0 is composed of 8.2% red, 33.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 88.1% cyan, 51.1% magenta, 0% yellow and 31% black. It has a hue angle of 214.8 degrees, a saturation of 78.7% and a lightness of 38.6%. #1556b0 color hex could be obtained by blending #2aacff with #000061. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 34
- B 69
RGB color chart
- C 88
- M 51
- Y 0
- K 31
CMYK color chart

● #1556b0 color description : Dark blue.

The hexadecimal color #1556b0 has RGB values of R:21, G:86, B:176 and CMYK values of C:0.88, M:0.51, Y:0, K:0.31. Its decimal value is 1398448.

Hex triplet	1556b0	`#1556b0`
RGB Decimal	21, 86, 176	`rgb(21,86,176)`
RGB Percent	8.2, 33.7, 69	`rgb(8.2%,33.7%,69%)`
CMYK	88, 51, 0, 31
HSL	214.8°, 78.7, 38.6	`hsl(214.8,78.7%,38.6%)`
HSV (or HSB)	214.8°, 88.1, 69
Web Safe	006699	`#006699`

CIE-LAB	37.75, 15.416, -53.362
XYZ	11.472, 9.949, 42.388
xyY	0.18, 0.156, 9.949
CIE-LCH	37.75, 55.544, 286.113
CIE-LUV	37.75, -18.862, -77.193
Hunter-Lab	31.541, 9.724, -57.599
Binary	00010101, 01010110, 10110000

#1556b0
```
#1556b0 rgb(21,86,176)
```
#b06f15
```
#b06f15 rgb(176,111,21)
```

Complementary Color

#15a4b0
```
#15a4b0 rgb(21,164,176)
```
#1556b0
```
#1556b0 rgb(21,86,176)
```
#2215b0
```
#2215b0 rgb(34,21,176)
```

Analogous Color

#a4b015
```
#a4b015 rgb(164,176,21)
```
#1556b0
```
#1556b0 rgb(21,86,176)
```
#b02215
```
#b02215 rgb(176,34,21)
```

Split Complementary Color

#56b015
```
#56b015 rgb(86,176,21)
```
#1556b0
```
#1556b0 rgb(21,86,176)
```
#b01556
```
#b01556 rgb(176,21,86)
```

Triadic Color

#15b06f
```
#15b06f rgb(21,176,111)
```
#1556b0
```
#1556b0 rgb(21,86,176)
```
#b01556
```
#b01556 rgb(176,21,86)
```
#b06f15
```
#b06f15 rgb(176,111,21)
```

Tetradic Color

#0d356c
```
#0d356c rgb(13,53,108)
```
#104082
```
#104082 rgb(16,64,130)
```
#124b99
```
#124b99 rgb(18,75,153)
```
#1556b0
```
#1556b0 rgb(21,86,176)
```
#1861c7
```
#1861c7 rgb(24,97,199)
```
#1a6cde
```
#1a6cde rgb(26,108,222)
```
#2c7ae6
```
#2c7ae6 rgb(44,122,230)
```

Monochromatic Color

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

#157db0
```
#157db0 rgb(21,125,176)
```
#1570b0
```
#1570b0 rgb(21,112,176)
```
#1563b0
```
#1563b0 rgb(21,99,176)
```
#1556b0
```
#1556b0 rgb(21,86,176)
```
#1549b0
```
#1549b0 rgb(21,73,176)
```
#153cb0
```
#153cb0 rgb(21,60,176)
```
#152fb0
```
#152fb0 rgb(21,47,176)
```

Similar Colors

Text with hexadecimal color #1556b0

This text has a font color of #1556b0.

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

#1556b0 background color

This paragraph has a background color of #1556b0.

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

#1556b0 border color

This element has a border color of #1556b0.

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

CSS codes

.text {color:#1556b0;}

.background {background-color:#1556b0;}

.border {border:1px solid #1556b0;}

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

#000001
```
#000001 rgb(0,0,1)
```
#020912
```
#020912 rgb(2,9,18)
```
#041124
```
#041124 rgb(4,17,36)
```
#061a35
```
#061a35 rgb(6,26,53)
```
#082347
```
#082347 rgb(8,35,71)
```
#0b2b58
```
#0b2b58 rgb(11,43,88)
```
#0d346a
```
#0d346a rgb(13,52,106)
```
#0f3c7b
```
#0f3c7b rgb(15,60,123)
```
#11458d
```
#11458d rgb(17,69,141)
```
#134d9e
```
#134d9e rgb(19,77,158)
```
#1556b0
```
#1556b0 rgb(21,86,176)
```
#175fc2
```
#175fc2 rgb(23,95,194)
```
#1967d3
```
#1967d3 rgb(25,103,211)
```

Shade Color Variation

#1c70e4
```
#1c70e4 rgb(28,112,228)
```
#2d7be6
```
#2d7be6 rgb(45,123,230)
```
#3f86e8
```
#3f86e8 rgb(63,134,232)
```
#5191ea
```
#5191ea rgb(81,145,234)
```
#629cec
```
#629cec rgb(98,156,236)
```
#74a7ee
```
#74a7ee rgb(116,167,238)
```
#85b2f0
```
#85b2f0 rgb(133,178,240)
```
#97bdf3
```
#97bdf3 rgb(151,189,243)
```
#a8c8f5
```
#a8c8f5 rgb(168,200,245)
```
#bad3f7
```
#bad3f7 rgb(186,211,247)
```
#cbdef9
```
#cbdef9 rgb(203,222,249)
```
#dde9fb
```
#dde9fb rgb(221,233,251)
```
#eef4fd
```
#eef4fd rgb(238,244,253)
```

Tint Color Variation

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

#616264
```
#616264 rgb(97,98,100)
```
#59616c
```
#59616c rgb(89,97,108)
```
#526073
```
#526073 rgb(82,96,115)
```
#4a5f7b
```
#4a5f7b rgb(74,95,123)
```
#425d83
```
#425d83 rgb(66,93,131)
```
#3b5c8a
```
#3b5c8a rgb(59,92,138)
```
#335b92
```
#335b92 rgb(51,91,146)
```
#2c5a99
```
#2c5a99 rgb(44,90,153)
```
#2458a1
```
#2458a1 rgb(36,88,161)
```
#1d57a8
```
#1d57a8 rgb(29,87,168)
```
#1556b0
```
#1556b0 rgb(21,86,176)
```
#0d55b8
```
#0d55b8 rgb(13,85,184)
```
#0654bf
```
#0654bf rgb(6,84,191)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#424f61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#245eb3 Protanopia 1% of men
#0063a3 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1e5bb2 Protanomaly 1% of men, 0.01% of women
#075ea7 Deuteranomaly 6% of men, 0.4% of women
#076388 Tritanomaly 0.01% of the population

#1556b0 hex color

#1556b0 Color Information

#1556b0 Color Conversion

Color Schemes with #1556b0

Alternatives to #1556b0

#1556b0 Preview

Shades and Tints of #1556b0

Tones of #1556b0

Color Blindness Simulator