#1456b4 hex color

In a RGB color space, hex #1456b4 is composed of 7.8% red, 33.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 52.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 215.3 degrees, a saturation of 80% and a lightness of 39.2%. #1456b4 color hex could be obtained by blending #28acff with #000069. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 8
- G 34
- B 71
RGB color chart
- C 89
- M 52
- Y 0
- K 29
CMYK color chart

● #1456b4 color description : Strong blue.

The hexadecimal color #1456b4 has RGB values of R:20, G:86, B:180 and CMYK values of C:0.89, M:0.52, Y:0, K:0.29. Its decimal value is 1332916.

Hex triplet	1456b4	`#1456b4`
RGB Decimal	20, 86, 180	`rgb(20,86,180)`
RGB Percent	7.8, 33.7, 70.6	`rgb(7.8%,33.7%,70.6%)`
CMYK	89, 52, 0, 29
HSL	215.3°, 80, 39.2	`hsl(215.3,80%,39.2%)`
HSV (or HSB)	215.3°, 88.9, 70.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.019, 16.963, -55.288
XYZ	11.853, 10.099, 44.502
xyY	0.178, 0.152, 10.099
CIE-LCH	38.019, 57.831, 287.056
CIE-LUV	38.019, -18.841, -80.142
Hunter-Lab	31.778, 10.965, -60.784
Binary	00010100, 01010110, 10110100

#1456b4
```
#1456b4 rgb(20,86,180)
```
#b47214
```
#b47214 rgb(180,114,20)
```

Complementary Color

#14a6b4
```
#14a6b4 rgb(20,166,180)
```
#1456b4
```
#1456b4 rgb(20,86,180)
```
#2214b4
```
#2214b4 rgb(34,20,180)
```

Analogous Color

#a6b414
```
#a6b414 rgb(166,180,20)
```
#1456b4
```
#1456b4 rgb(20,86,180)
```
#b42214
```
#b42214 rgb(180,34,20)
```

Split Complementary Color

#56b414
```
#56b414 rgb(86,180,20)
```
#1456b4
```
#1456b4 rgb(20,86,180)
```
#b41456
```
#b41456 rgb(180,20,86)
```

Triadic Color

#14b472
```
#14b472 rgb(20,180,114)
```
#1456b4
```
#1456b4 rgb(20,86,180)
```
#b41456
```
#b41456 rgb(180,20,86)
```
#b47214
```
#b47214 rgb(180,114,20)
```

Tetradic Color

#0c356f
```
#0c356f rgb(12,53,111)
```
#0f4086
```
#0f4086 rgb(15,64,134)
```
#114b9d
```
#114b9d rgb(17,75,157)
```
#1456b4
```
#1456b4 rgb(20,86,180)
```
#1761cb
```
#1761cb rgb(23,97,203)
```
#196ce2
```
#196ce2 rgb(25,108,226)
```
#2d7ae8
```
#2d7ae8 rgb(45,122,232)
```

Monochromatic Color

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

#147eb4
```
#147eb4 rgb(20,126,180)
```
#1471b4
```
#1471b4 rgb(20,113,180)
```
#1463b4
```
#1463b4 rgb(20,99,180)
```
#1456b4
```
#1456b4 rgb(20,86,180)
```
#1449b4
```
#1449b4 rgb(20,73,180)
```
#143bb4
```
#143bb4 rgb(20,59,180)
```
#142eb4
```
#142eb4 rgb(20,46,180)
```

Similar Colors

Text with hexadecimal color #1456b4

This text has a font color of #1456b4.

<span style="color:#1456b4;">Text here</span>

#1456b4 background color

This paragraph has a background color of #1456b4.

<p style="background-color:#1456b4;">Content here</p>

#1456b4 border color

This element has a border color of #1456b4.

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

CSS codes

.text {color:#1456b4;}

.background {background-color:#1456b4;}

.border {border:1px solid #1456b4;}

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

#000203
```
#000203 rgb(0,2,3)
```
#020a15
```
#020a15 rgb(2,10,21)
```
#041327
```
#041327 rgb(4,19,39)
```
#061b38
```
#061b38 rgb(6,27,56)
```
#08234a
```
#08234a rgb(8,35,74)
```
#0a2c5c
```
#0a2c5c rgb(10,44,92)
```
#0c346d
```
#0c346d rgb(12,52,109)
```
#0e3d7f
```
#0e3d7f rgb(14,61,127)
```
#104591
```
#104591 rgb(16,69,145)
```
#124ea2
```
#124ea2 rgb(18,78,162)
```
#1456b4
```
#1456b4 rgb(20,86,180)
```
#165ec6
```
#165ec6 rgb(22,94,198)
```
#1867d7
```
#1867d7 rgb(24,103,215)
```

Shade Color Variation

#1d70e6
```
#1d70e6 rgb(29,112,230)
```
#2f7be8
```
#2f7be8 rgb(47,123,232)
```
#4086ea
```
#4086ea rgb(64,134,234)
```
#5291ec
```
#5291ec rgb(82,145,236)
```
#649dee
```
#649dee rgb(100,157,238)
```
#75a8f0
```
#75a8f0 rgb(117,168,240)
```
#87b3f2
```
#87b3f2 rgb(135,179,242)
```
#99bef4
```
#99bef4 rgb(153,190,244)
```
#aac9f6
```
#aac9f6 rgb(170,201,246)
```
#bcd4f8
```
#bcd4f8 rgb(188,212,248)
```
#cee0fa
```
#cee0fa rgb(206,224,250)
```
#dfebfb
```
#dfebfb rgb(223,235,251)
```
#f1f6fd
```
#f1f6fd rgb(241,246,253)
```

Tint Color Variation

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

#616367
```
#616367 rgb(97,99,103)
```
#59626f
```
#59626f rgb(89,98,111)
```
#526176
```
#526176 rgb(82,97,118)
```
#4a5f7e
```
#4a5f7e rgb(74,95,126)
```
#425e86
```
#425e86 rgb(66,94,134)
```
#3a5d8e
```
#3a5d8e rgb(58,93,142)
```
#335b95
```
#335b95 rgb(51,91,149)
```
#2b5a9d
```
#2b5a9d rgb(43,90,157)
```
#2359a5
```
#2359a5 rgb(35,89,165)
```
#1c57ac
```
#1c57ac rgb(28,87,172)
```
#1456b4
```
#1456b4 rgb(20,86,180)
```
#0c55bc
```
#0c55bc rgb(12,85,188)
```
#0553c3
```
#0553c3 rgb(5,83,195)
```

Tone Color Variation

Below, you can see how #1456b4 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
#424f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a5fb8 Protanopia 1% of men
#0064a3 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#175bb6 Protanomaly 1% of men, 0.01% of women
#075fa9 Deuteranomaly 6% of men, 0.4% of women
#076389 Tritanomaly 0.01% of the population

#1456b4 hex color

#1456b4 Color Information

#1456b4 Color Conversion

Color Schemes with #1456b4

Alternatives to #1456b4

#1456b4 Preview

Shades and Tints of #1456b4

Tones of #1456b4

Color Blindness Simulator