#1457a0 hex color

In a RGB color space, hex #1457a0 is composed of 7.8% red, 34.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 45.6% magenta, 0% yellow and 37.3% black. It has a hue angle of 211.3 degrees, a saturation of 77.8% and a lightness of 35.3%. #1457a0 color hex could be obtained by blending #28aeff with #000041. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 8
- G 34
- B 63
RGB color chart
- C 88
- M 46
- Y 0
- K 37
CMYK color chart

● #1457a0 color description : Dark blue.

The hexadecimal color #1457a0 has RGB values of R:20, G:87, B:160 and CMYK values of C:0.88, M:0.46, Y:0, K:0.37. Its decimal value is 1333152.

Hex triplet	1457a0	`#1457a0`
RGB Decimal	20, 87, 160	`rgb(20,87,160)`
RGB Percent	7.8, 34.1, 62.7	`rgb(7.8%,34.1%,62.7%)`
CMYK	88, 46, 0, 37
HSL	211.3°, 77.8, 35.3	`hsl(211.3,77.8%,35.3%)`
HSV (or HSB)	211.3°, 87.5, 62.7
Web Safe	006699	`#006699`

CIE-LAB	36.934, 8.196, -45.163
XYZ	10.04, 9.502, 34.561
xyY	0.186, 0.176, 9.502
CIE-LCH	36.934, 45.901, 280.287
CIE-LUV	36.934, -19.742, -64.63
Hunter-Lab	30.826, 4.195, -44.896
Binary	00010100, 01010111, 10100000

#1457a0
```
#1457a0 rgb(20,87,160)
```
#a05d14
```
#a05d14 rgb(160,93,20)
```

Complementary Color

#149da0
```
#149da0 rgb(20,157,160)
```
#1457a0
```
#1457a0 rgb(20,87,160)
```
#1714a0
```
#1714a0 rgb(23,20,160)
```

Analogous Color

#9da014
```
#9da014 rgb(157,160,20)
```
#1457a0
```
#1457a0 rgb(20,87,160)
```
#a01714
```
#a01714 rgb(160,23,20)
```

Split Complementary Color

#57a014
```
#57a014 rgb(87,160,20)
```
#1457a0
```
#1457a0 rgb(20,87,160)
```
#a01457
```
#a01457 rgb(160,20,87)
```

Triadic Color

#14a05d
```
#14a05d rgb(20,160,93)
```
#1457a0
```
#1457a0 rgb(20,87,160)
```
#a01457
```
#a01457 rgb(160,20,87)
```
#a05d14
```
#a05d14 rgb(160,93,20)
```

Tetradic Color

#0c325c
```
#0c325c rgb(12,50,92)
```
#0e3e73
```
#0e3e73 rgb(14,62,115)
```
#114b89
```
#114b89 rgb(17,75,137)
```
#1457a0
```
#1457a0 rgb(20,87,160)
```
#1763b7
```
#1763b7 rgb(23,99,183)
```
#1a70cd
```
#1a70cd rgb(26,112,205)
```
#1e7ce3
```
#1e7ce3 rgb(30,124,227)
```

Monochromatic Color

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

#147aa0
```
#147aa0 rgb(20,122,160)
```
#146ea0
```
#146ea0 rgb(20,110,160)
```
#1463a0
```
#1463a0 rgb(20,99,160)
```
#1457a0
```
#1457a0 rgb(20,87,160)
```
#144ba0
```
#144ba0 rgb(20,75,160)
```
#1440a0
```
#1440a0 rgb(20,64,160)
```
#1434a0
```
#1434a0 rgb(20,52,160)
```

Similar Colors

Text with hexadecimal color #1457a0

This text has a font color of #1457a0.

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

#1457a0 background color

This paragraph has a background color of #1457a0.

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

#1457a0 border color

This element has a border color of #1457a0.

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

CSS codes

.text {color:#1457a0;}

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

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

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 #f1f7fd is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#030b15
```
#030b15 rgb(3,11,21)
```
#051526
```
#051526 rgb(5,21,38)
```
#071e37
```
#071e37 rgb(7,30,55)
```
#092849
```
#092849 rgb(9,40,73)
```
#0b315a
```
#0b315a rgb(11,49,90)
```
#0d3b6c
```
#0d3b6c rgb(13,59,108)
```
#10447d
```
#10447d rgb(16,68,125)
```
#124e8f
```
#124e8f rgb(18,78,143)
```
#1457a0
```
#1457a0 rgb(20,87,160)
```
#1660b1
```
#1660b1 rgb(22,96,177)
```
#186ac3
```
#186ac3 rgb(24,106,195)
```
#1b73d4
```
#1b73d4 rgb(27,115,212)
```

Shade Color Variation

#1f7de3
```
#1f7de3 rgb(31,125,227)
```
#3187e5
```
#3187e5 rgb(49,135,229)
```
#4291e7
```
#4291e7 rgb(66,145,231)
```
#549bea
```
#549bea rgb(84,155,234)
```
#65a6ec
```
#65a6ec rgb(101,166,236)
```
#77b0ee
```
#77b0ee rgb(119,176,238)
```
#88baf0
```
#88baf0 rgb(136,186,240)
```
#99c4f2
```
#99c4f2 rgb(153,196,242)
```
#abcef4
```
#abcef4 rgb(171,206,244)
```
#bcd8f7
```
#bcd8f7 rgb(188,216,247)
```
#cee2f9
```
#cee2f9 rgb(206,226,249)
```
#dfedfb
```
#dfedfb rgb(223,237,251)
```
#f1f7fd
```
#f1f7fd rgb(241,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595a5b is the less saturated color, while #0656ae is the most saturated one.

#595a5b
```
#595a5b rgb(89,90,91)
```
#525a62
```
#525a62 rgb(82,90,98)
```
#4b5969
```
#4b5969 rgb(75,89,105)
```
#445970
```
#445970 rgb(68,89,112)
```
#3e5976
```
#3e5976 rgb(62,89,118)
```
#37587d
```
#37587d rgb(55,88,125)
```
#305884
```
#305884 rgb(48,88,132)
```
#29588b
```
#29588b rgb(41,88,139)
```
#225892
```
#225892 rgb(34,88,146)
```
#1b5799
```
#1b5799 rgb(27,87,153)
```
#1457a0
```
#1457a0 rgb(20,87,160)
```
#0d57a7
```
#0d57a7 rgb(13,87,167)
```
#0656ae
```
#0656ae rgb(6,86,174)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#404d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a5da2 Protanopia 1% of men
#0061a1 Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#2c5ba1 Protanomaly 1% of men, 0.01% of women
#075da1 Deuteranomaly 6% of men, 0.4% of women
#076281 Tritanomaly 0.01% of the population

#1457a0 hex color

#1457a0 Color Information

#1457a0 Color Conversion

Color Schemes with #1457a0

Alternatives to #1457a0

#1457a0 Preview

Shades and Tints of #1457a0

Tones of #1457a0

Color Blindness Simulator