#1457b2 hex color

In a RGB color space, hex #1457b2 is composed of 7.8% red, 34.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 51.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 214.6 degrees, a saturation of 79.8% and a lightness of 38.8%. #1457b2 color hex could be obtained by blending #28aeff with #000065. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 34
- B 70
RGB color chart
- C 89
- M 51
- Y 0
- K 30
CMYK color chart

● #1457b2 color description : Dark blue.

The hexadecimal color #1457b2 has RGB values of R:20, G:87, B:178 and CMYK values of C:0.89, M:0.51, Y:0, K:0.3. Its decimal value is 1333170.

Hex triplet	1457b2	`#1457b2`
RGB Decimal	20, 87, 178	`rgb(20,87,178)`
RGB Percent	7.8, 34.1, 69.8	`rgb(7.8%,34.1%,69.8%)`
CMYK	89, 51, 0, 30
HSL	214.6°, 79.8, 38.8	`hsl(214.6,79.8%,38.8%)`
HSV (or HSB)	214.6°, 88.8, 69.8
Web Safe	006699	`#006699`

CIE-LAB	38.161, 15.491, -53.879
XYZ	11.731, 10.178, 43.463
xyY	0.179, 0.156, 10.178
CIE-LCH	38.161, 56.062, 286.041
CIE-LUV	38.161, -19.184, -78.181
Hunter-Lab	31.904, 9.802, -58.44
Binary	00010100, 01010111, 10110010

#1457b2
```
#1457b2 rgb(20,87,178)
```
#b26f14
```
#b26f14 rgb(178,111,20)
```

Complementary Color

#14a6b2
```
#14a6b2 rgb(20,166,178)
```
#1457b2
```
#1457b2 rgb(20,87,178)
```
#2014b2
```
#2014b2 rgb(32,20,178)
```

Analogous Color

#a6b214
```
#a6b214 rgb(166,178,20)
```
#1457b2
```
#1457b2 rgb(20,87,178)
```
#b22014
```
#b22014 rgb(178,32,20)
```

Split Complementary Color

#57b214
```
#57b214 rgb(87,178,20)
```
#1457b2
```
#1457b2 rgb(20,87,178)
```
#b21457
```
#b21457 rgb(178,20,87)
```

Triadic Color

#14b26f
```
#14b26f rgb(20,178,111)
```
#1457b2
```
#1457b2 rgb(20,87,178)
```
#b21457
```
#b21457 rgb(178,20,87)
```
#b26f14
```
#b26f14 rgb(178,111,20)
```

Tetradic Color

#0c356d
```
#0c356d rgb(12,53,109)
```
#0f4184
```
#0f4184 rgb(15,65,132)
```
#114c9b
```
#114c9b rgb(17,76,155)
```
#1457b2
```
#1457b2 rgb(20,87,178)
```
#1762c9
```
#1762c9 rgb(23,98,201)
```
#196de0
```
#196de0 rgb(25,109,224)
```
#2b7be7
```
#2b7be7 rgb(43,123,231)
```

Monochromatic Color

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

#147fb2
```
#147fb2 rgb(20,127,178)
```
#1471b2
```
#1471b2 rgb(20,113,178)
```
#1464b2
```
#1464b2 rgb(20,100,178)
```
#1457b2
```
#1457b2 rgb(20,87,178)
```
#144ab2
```
#144ab2 rgb(20,74,178)
```
#143db2
```
#143db2 rgb(20,61,178)
```
#1430b2
```
#1430b2 rgb(20,48,178)
```

Similar Colors

Text with hexadecimal color #1457b2

This text has a font color of #1457b2.

<span style="color:#1457b2;">Text here</span>

#1457b2 background color

This paragraph has a background color of #1457b2.

<p style="background-color:#1457b2;">Content here</p>

#1457b2 border color

This element has a border color of #1457b2.

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

CSS codes

.text {color:#1457b2;}

.background {background-color:#1457b2;}

.border {border:1px solid #1457b2;}

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

#000102
```
#000102 rgb(0,1,2)
```
#020913
```
#020913 rgb(2,9,19)
```
#041225
```
#041225 rgb(4,18,37)
```
#061b37
```
#061b37 rgb(6,27,55)
```
#082348
```
#082348 rgb(8,35,72)
```
#0a2c5a
```
#0a2c5a rgb(10,44,90)
```
#0c356b
```
#0c356b rgb(12,53,107)
```
#0e3d7d
```
#0e3d7d rgb(14,61,125)
```
#10468f
```
#10468f rgb(16,70,143)
```
#124ea0
```
#124ea0 rgb(18,78,160)
```
#1457b2
```
#1457b2 rgb(20,87,178)
```
#1660c4
```
#1660c4 rgb(22,96,196)
```
#1868d5
```
#1868d5 rgb(24,104,213)
```

Shade Color Variation

#1b71e5
```
#1b71e5 rgb(27,113,229)
```
#2d7ce7
```
#2d7ce7 rgb(45,124,231)
```
#3f87e9
```
#3f87e9 rgb(63,135,233)
```
#5092eb
```
#5092eb rgb(80,146,235)
```
#629ded
```
#629ded rgb(98,157,237)
```
#74a8ef
```
#74a8ef rgb(116,168,239)
```
#85b3f1
```
#85b3f1 rgb(133,179,241)
```
#97bef3
```
#97bef3 rgb(151,190,243)
```
#a8c9f5
```
#a8c9f5 rgb(168,201,245)
```
#bad4f7
```
#bad4f7 rgb(186,212,247)
```
#ccdff9
```
#ccdff9 rgb(204,223,249)
```
#ddeafb
```
#ddeafb rgb(221,234,251)
```
#eff5fd
```
#eff5fd rgb(239,245,253)
```

Tint Color Variation

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

#606366
```
#606366 rgb(96,99,102)
```
#59616d
```
#59616d rgb(89,97,109)
```
#516075
```
#516075 rgb(81,96,117)
```
#495f7d
```
#495f7d rgb(73,95,125)
```
#425e84
```
#425e84 rgb(66,94,132)
```
#3a5d8c
```
#3a5d8c rgb(58,93,140)
```
#325c94
```
#325c94 rgb(50,92,148)
```
#2b5a9b
```
#2b5a9b rgb(43,90,155)
```
#2359a3
```
#2359a3 rgb(35,89,163)
```
#1c58aa
```
#1c58aa rgb(28,88,170)
```
#1457b2
```
#1457b2 rgb(20,87,178)
```
#0c56ba
```
#0c56ba rgb(12,86,186)
```
#0555c1
```
#0555c1 rgb(5,85,193)
```

Tone Color Variation

Below, you can see how #1457b2 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

#245fb5 Protanopia 1% of men
#0064a4 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1e5cb4 Protanomaly 1% of men, 0.01% of women
#075fa9 Deuteranomaly 6% of men, 0.4% of women
#076489 Tritanomaly 0.01% of the population

#1457b2 hex color

#1457b2 Color Information

#1457b2 Color Conversion

Color Schemes with #1457b2

Alternatives to #1457b2

#1457b2 Preview

Shades and Tints of #1457b2

Tones of #1457b2

Color Blindness Simulator