#148eea hex color

In a RGB color space, hex #148eea is composed of 7.8% red, 55.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 39.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 205.8 degrees, a saturation of 84.3% and a lightness of 49.8%. #148eea color hex could be obtained by blending #28ffff with #001dd5. Closest websafe color is: #0099ff.

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

● #148eea color description : Vivid blue.

The hexadecimal color #148eea has RGB values of R:20, G:142, B:234 and CMYK values of C:0.91, M:0.39, Y:0, K:0.08. Its decimal value is 1347306.

Hex triplet	148eea	`#148eea`
RGB Decimal	20, 142, 234	`rgb(20,142,234)`
RGB Percent	7.8, 55.7, 91.8	`rgb(7.8%,55.7%,91.8%)`
CMYK	91, 39, 0, 8
HSL	205.8°, 84.3, 49.8	`hsl(205.8,84.3%,49.8%)`
HSV (or HSB)	205.8°, 91.5, 91.8
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.495, 2.754, -54.831
XYZ	24.809, 25.433, 81.439
xyY	0.188, 0.193, 25.433
CIE-LCH	57.495, 54.9, 272.876
CIE-LUV	57.495, -33.868, -87.093
Hunter-Lab	50.431, -0.442, -60.443
Binary	00010100, 10001110, 11101010

#148eea
```
#148eea rgb(20,142,234)
```
#ea7014
```
#ea7014 rgb(234,112,20)
```

Complementary Color

#14eadb
```
#14eadb rgb(20,234,219)
```
#148eea
```
#148eea rgb(20,142,234)
```
#1423ea
```
#1423ea rgb(20,35,234)
```

Analogous Color

#eadb14
```
#eadb14 rgb(234,219,20)
```
#148eea
```
#148eea rgb(20,142,234)
```
#ea1423
```
#ea1423 rgb(234,20,35)
```

Split Complementary Color

#8eea14
```
#8eea14 rgb(142,234,20)
```
#148eea
```
#148eea rgb(20,142,234)
```
#ea148e
```
#ea148e rgb(234,20,142)
```

Triadic Color

#14ea70
```
#14ea70 rgb(20,234,112)
```
#148eea
```
#148eea rgb(20,142,234)
```
#ea148e
```
#ea148e rgb(234,20,142)
```
#ea7014
```
#ea7014 rgb(234,112,20)
```

Tetradic Color

#0e63a4
```
#0e63a4 rgb(14,99,164)
```
#1071bb
```
#1071bb rgb(16,113,187)
```
#1280d3
```
#1280d3 rgb(18,128,211)
```
#148eea
```
#148eea rgb(20,142,234)
```
#2b99ed
```
#2b99ed rgb(43,153,237)
```
#42a5ef
```
#42a5ef rgb(66,165,239)
```
#5ab0f1
```
#5ab0f1 rgb(90,176,241)
```

Monochromatic Color

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

#14c4ea
```
#14c4ea rgb(20,196,234)
```
#14b2ea
```
#14b2ea rgb(20,178,234)
```
#14a0ea
```
#14a0ea rgb(20,160,234)
```
#148eea
```
#148eea rgb(20,142,234)
```
#147cea
```
#147cea rgb(20,124,234)
```
#146aea
```
#146aea rgb(20,106,234)
```
#1459ea
```
#1459ea rgb(20,89,234)
```

Similar Colors

Text with hexadecimal color #148eea

This text has a font color of #148eea.

<span style="color:#148eea;">Text here</span>

#148eea background color

This paragraph has a background color of #148eea.

<p style="background-color:#148eea;">Content here</p>

#148eea border color

This element has a border color of #148eea.

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

CSS codes

.text {color:#148eea;}

.background {background-color:#148eea;}

.border {border:1px solid #148eea;}

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, #010a11 is the darkest color, while #feffff is the lightest one.

#010a11
```
#010a11 rgb(1,10,17)
```
#031523
```
#031523 rgb(3,21,35)
```
#052035
```
#052035 rgb(5,32,53)
```
#062b47
```
#062b47 rgb(6,43,71)
```
#083659
```
#083659 rgb(8,54,89)
```
#09416c
```
#09416c rgb(9,65,108)
```
#0b4c7e
```
#0b4c7e rgb(11,76,126)
```
#0c5790
```
#0c5790 rgb(12,87,144)
```
#0e62a2
```
#0e62a2 rgb(14,98,162)
```
#0f6db4
```
#0f6db4 rgb(15,109,180)
```
#1178c6
```
#1178c6 rgb(17,120,198)
```
#1283d8
```
#1283d8 rgb(18,131,216)
```
#148eea
```
#148eea rgb(20,142,234)
```

Shade Color Variation

#2597ec
```
#2597ec rgb(37,151,236)
```
#379fee
```
#379fee rgb(55,159,238)
```
#49a8ef
```
#49a8ef rgb(73,168,239)
```
#5bb1f1
```
#5bb1f1 rgb(91,177,241)
```
#6eb9f3
```
#6eb9f3 rgb(110,185,243)
```
#80c2f4
```
#80c2f4 rgb(128,194,244)
```
#92cbf6
```
#92cbf6 rgb(146,203,246)
```
#a4d3f7
```
#a4d3f7 rgb(164,211,247)
```
#b6dcf9
```
#b6dcf9 rgb(182,220,249)
```
#c8e5fa
```
#c8e5fa rgb(200,229,250)
```
#daedfc
```
#daedfc rgb(218,237,252)
```
#ecf6fd
```
#ecf6fd rgb(236,246,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#768088
```
#768088 rgb(118,128,136)
```
#6c8292
```
#6c8292 rgb(108,130,146)
```
#62839c
```
#62839c rgb(98,131,156)
```
#5884a6
```
#5884a6 rgb(88,132,166)
```
#4f86af
```
#4f86af rgb(79,134,175)
```
#4587b9
```
#4587b9 rgb(69,135,185)
```
#3b89c3
```
#3b89c3 rgb(59,137,195)
```
#318acd
```
#318acd rgb(49,138,205)
```
#288bd6
```
#288bd6 rgb(40,139,214)
```
#1e8de0
```
#1e8de0 rgb(30,141,224)
```
#148eea
```
#148eea rgb(20,142,234)
```
#0a8ff4
```
#0a8ff4 rgb(10,143,244)
```
#0091fe
```
#0091fe rgb(0,145,254)
```

Tone Color Variation

Below, you can see how #148eea 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

#747474 Achromatopsia 0.005% of the population
#61798c Atypical Achromatopsia 0.001% of the population

Dichromacy

#688de5 Protanopia 1% of men
#3f91ec Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#498de7 Protanomaly 1% of men, 0.01% of women
#2f90eb Deuteranomaly 6% of men, 0.4% of women
#0798c0 Tritanomaly 0.01% of the population

#148eea hex color

#148eea Color Information

#148eea Color Conversion

Color Schemes with #148eea

Alternatives to #148eea

#148eea Preview

Shades and Tints of #148eea

Tones of #148eea

Color Blindness Simulator