#1457ea hex color

In a RGB color space, hex #1457ea is composed of 7.8% red, 34.1% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 62.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 221.2 degrees, a saturation of 84.3% and a lightness of 49.8%. #1457ea color hex could be obtained by blending #28aeff with #0000d5. Closest websafe color is: #0066ff.

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

● #1457ea color description : Vivid blue.

The hexadecimal color #1457ea has RGB values of R:20, G:87, B:234 and CMYK values of C:0.91, M:0.63, Y:0, K:0.08. Its decimal value is 1333226.

Hex triplet	1457ea	`#1457ea`
RGB Decimal	20, 87, 234	`rgb(20,87,234)`
RGB Percent	7.8, 34.1, 91.8	`rgb(7.8%,34.1%,91.8%)`
CMYK	91, 63, 0, 8
HSL	221.2°, 84.3, 49.8	`hsl(221.2,84.3%,49.8%)`
HSV (or HSB)	221.2°, 91.5, 91.8
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.618, 37.335, -78.915
XYZ	18.545, 12.904, 79.351
xyY	0.167, 0.116, 12.904
CIE-LCH	42.618, 87.301, 295.319
CIE-LUV	42.618, -18.314, -116.539
Hunter-Lab	35.922, 29.287, -105.823
Binary	00010100, 01010111, 11101010

#1457ea
```
#1457ea rgb(20,87,234)
```
#eaa714
```
#eaa714 rgb(234,167,20)
```

Complementary Color

#14c2ea
```
#14c2ea rgb(20,194,234)
```
#1457ea
```
#1457ea rgb(20,87,234)
```
#3c14ea
```
#3c14ea rgb(60,20,234)
```

Analogous Color

#c2ea14
```
#c2ea14 rgb(194,234,20)
```
#1457ea
```
#1457ea rgb(20,87,234)
```
#ea3c14
```
#ea3c14 rgb(234,60,20)
```

Split Complementary Color

#57ea14
```
#57ea14 rgb(87,234,20)
```
#1457ea
```
#1457ea rgb(20,87,234)
```
#ea1457
```
#ea1457 rgb(234,20,87)
```

Triadic Color

#14eaa7
```
#14eaa7 rgb(20,234,167)
```
#1457ea
```
#1457ea rgb(20,87,234)
```
#ea1457
```
#ea1457 rgb(234,20,87)
```
#eaa714
```
#eaa714 rgb(234,167,20)
```

Tetradic Color

#0e3da4
```
#0e3da4 rgb(14,61,164)
```
#1046bb
```
#1046bb rgb(16,70,187)
```
#124ed3
```
#124ed3 rgb(18,78,211)
```
#1457ea
```
#1457ea rgb(20,87,234)
```
#2b67ed
```
#2b67ed rgb(43,103,237)
```
#4278ef
```
#4278ef rgb(66,120,239)
```
#5a89f1
```
#5a89f1 rgb(90,137,241)
```

Monochromatic Color

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

#148dea
```
#148dea rgb(20,141,234)
```
#147bea
```
#147bea rgb(20,123,234)
```
#1469ea
```
#1469ea rgb(20,105,234)
```
#1457ea
```
#1457ea rgb(20,87,234)
```
#1445ea
```
#1445ea rgb(20,69,234)
```
#1433ea
```
#1433ea rgb(20,51,234)
```
#1421ea
```
#1421ea rgb(20,33,234)
```

Similar Colors

Text with hexadecimal color #1457ea

This text has a font color of #1457ea.

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

#1457ea background color

This paragraph has a background color of #1457ea.

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

#1457ea border color

This element has a border color of #1457ea.

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

CSS codes

.text {color:#1457ea;}

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

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

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

#010611
```
#010611 rgb(1,6,17)
```
#030d23
```
#030d23 rgb(3,13,35)
```
#051435
```
#051435 rgb(5,20,53)
```
#061b47
```
#061b47 rgb(6,27,71)
```
#082159
```
#082159 rgb(8,33,89)
```
#09286c
```
#09286c rgb(9,40,108)
```
#0b2f7e
```
#0b2f7e rgb(11,47,126)
```
#0c3590
```
#0c3590 rgb(12,53,144)
```
#0e3ca2
```
#0e3ca2 rgb(14,60,162)
```
#0f43b4
```
#0f43b4 rgb(15,67,180)
```
#114ac6
```
#114ac6 rgb(17,74,198)
```
#1250d8
```
#1250d8 rgb(18,80,216)
```
#1457ea
```
#1457ea rgb(20,87,234)
```

Shade Color Variation

#2564ec
```
#2564ec rgb(37,100,236)
```
#3770ee
```
#3770ee rgb(55,112,238)
```
#497def
```
#497def rgb(73,125,239)
```
#5b8af1
```
#5b8af1 rgb(91,138,241)
```
#6e97f3
```
#6e97f3 rgb(110,151,243)
```
#80a4f4
```
#80a4f4 rgb(128,164,244)
```
#92b1f6
```
#92b1f6 rgb(146,177,246)
```
#a4bef7
```
#a4bef7 rgb(164,190,247)
```
#b6cbf9
```
#b6cbf9 rgb(182,203,249)
```
#c8d8fa
```
#c8d8fa rgb(200,216,250)
```
#dae5fc
```
#dae5fc rgb(218,229,252)
```
#ecf1fd
```
#ecf1fd rgb(236,241,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767c88 is the less saturated color, while #0050fe is the most saturated one.

#767c88
```
#767c88 rgb(118,124,136)
```
#6c7892
```
#6c7892 rgb(108,120,146)
```
#62749c
```
#62749c rgb(98,116,156)
```
#5871a6
```
#5871a6 rgb(88,113,166)
```
#4f6daf
```
#4f6daf rgb(79,109,175)
```
#4569b9
```
#4569b9 rgb(69,105,185)
```
#3b66c3
```
#3b66c3 rgb(59,102,195)
```
#3162cd
```
#3162cd rgb(49,98,205)
```
#285ed6
```
#285ed6 rgb(40,94,214)
```
#1e5be0
```
#1e5be0 rgb(30,91,224)
```
#1457ea
```
#1457ea rgb(20,87,234)
```
#0a53f4
```
#0a53f4 rgb(10,83,244)
```
#0050fe
```
#0050fe rgb(0,80,254)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#475572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0762d8 Protanomaly 1% of men, 0.01% of women
#0766c6 Deuteranomaly 6% of men, 0.4% of women
#076ba4 Tritanomaly 0.01% of the population

#1457ea hex color

#1457ea Color Information

#1457ea Color Conversion

Color Schemes with #1457ea

Alternatives to #1457ea

#1457ea Preview

Shades and Tints of #1457ea

Tones of #1457ea

Color Blindness Simulator