#148eec hex color

In a RGB color space, hex #148eec is composed of 7.8% red, 55.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 39.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 206.1 degrees, a saturation of 85% and a lightness of 50.2%. #148eec color hex could be obtained by blending #28ffff with #001dd9. Closest websafe color is: #0099ff.

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

● #148eec color description : Vivid blue.

The hexadecimal color #148eec has RGB values of R:20, G:142, B:236 and CMYK values of C:0.92, M:0.4, Y:0, K:0.07. Its decimal value is 1347308.

Hex triplet	148eec	`#148eec`
RGB Decimal	20, 142, 236	`rgb(20,142,236)`
RGB Percent	7.8, 55.7, 92.5	`rgb(7.8%,55.7%,92.5%)`
CMYK	92, 40, 0, 7
HSL	206.1°, 85, 50.2	`hsl(206.1,85%,50.2%)`
HSV (or HSB)	206.1°, 91.5, 92.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.606, 3.511, -55.763
XYZ	25.098, 25.549, 82.961
xyY	0.188, 0.191, 25.549
CIE-LCH	57.606, 55.874, 273.603
CIE-LUV	57.606, -33.762, -88.718
Hunter-Lab	50.546, 0.179, -61.931
Binary	00010100, 10001110, 11101100

#148eec
```
#148eec rgb(20,142,236)
```
#ec7214
```
#ec7214 rgb(236,114,20)
```

Complementary Color

#14ecde
```
#14ecde rgb(20,236,222)
```
#148eec
```
#148eec rgb(20,142,236)
```
#1422ec
```
#1422ec rgb(20,34,236)
```

Analogous Color

#ecde14
```
#ecde14 rgb(236,222,20)
```
#148eec
```
#148eec rgb(20,142,236)
```
#ec1422
```
#ec1422 rgb(236,20,34)
```

Split Complementary Color

#8eec14
```
#8eec14 rgb(142,236,20)
```
#148eec
```
#148eec rgb(20,142,236)
```
#ec148e
```
#ec148e rgb(236,20,142)
```

Triadic Color

#14ec72
```
#14ec72 rgb(20,236,114)
```
#148eec
```
#148eec rgb(20,142,236)
```
#ec148e
```
#ec148e rgb(236,20,142)
```
#ec7214
```
#ec7214 rgb(236,114,20)
```

Tetradic Color

#0d64a6
```
#0d64a6 rgb(13,100,166)
```
#0f72be
```
#0f72be rgb(15,114,190)
```
#1180d5
```
#1180d5 rgb(17,128,213)
```
#148eec
```
#148eec rgb(20,142,236)
```
#2c99ee
```
#2c99ee rgb(44,153,238)
```
#43a5f0
```
#43a5f0 rgb(67,165,240)
```
#5bb0f2
```
#5bb0f2 rgb(91,176,242)
```

Monochromatic Color

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

#14c4ec
```
#14c4ec rgb(20,196,236)
```
#14b2ec
```
#14b2ec rgb(20,178,236)
```
#14a0ec
```
#14a0ec rgb(20,160,236)
```
#148eec
```
#148eec rgb(20,142,236)
```
#147cec
```
#147cec rgb(20,124,236)
```
#146aec
```
#146aec rgb(20,106,236)
```
#1458ec
```
#1458ec rgb(20,88,236)
```

Similar Colors

Text with hexadecimal color #148eec

This text has a font color of #148eec.

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

#148eec background color

This paragraph has a background color of #148eec.

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

#148eec border color

This element has a border color of #148eec.

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

CSS codes

.text {color:#148eec;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020b13
```
#020b13 rgb(2,11,19)
```
#031625
```
#031625 rgb(3,22,37)
```
#042137
```
#042137 rgb(4,33,55)
```
#062c4a
```
#062c4a rgb(6,44,74)
```
#07375c
```
#07375c rgb(7,55,92)
```
#09426e
```
#09426e rgb(9,66,110)
```
#0a4d80
```
#0a4d80 rgb(10,77,128)
```
#0c5892
```
#0c5892 rgb(12,88,146)
```
#0d63a4
```
#0d63a4 rgb(13,99,164)
```
#0f6db6
```
#0f6db6 rgb(15,109,182)
```
#1078c9
```
#1078c9 rgb(16,120,201)
```
#1283db
```
#1283db rgb(18,131,219)
```

Shade Color Variation

#148eec
```
#148eec rgb(20,142,236)
```
#2697ed
```
#2697ed rgb(38,151,237)
```
#389fef
```
#389fef rgb(56,159,239)
```
#4aa8f0
```
#4aa8f0 rgb(74,168,240)
```
#5db1f2
```
#5db1f2 rgb(93,177,242)
```
#6fbaf3
```
#6fbaf3 rgb(111,186,243)
```
#81c2f5
```
#81c2f5 rgb(129,194,245)
```
#93cbf6
```
#93cbf6 rgb(147,203,246)
```
#a5d4f8
```
#a5d4f8 rgb(165,212,248)
```
#b7ddf9
```
#b7ddf9 rgb(183,221,249)
```
#c9e5fb
```
#c9e5fb rgb(201,229,251)
```
#dceefc
```
#dceefc rgb(220,238,252)
```
#eef7fe
```
#eef7fe rgb(238,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8081 is the less saturated color, while #0a8ff6 is the most saturated one.

#7f8081
```
#7f8081 rgb(127,128,129)
```
#76818a
```
#76818a rgb(118,129,138)
```
#6c8394
```
#6c8394 rgb(108,131,148)
```
#62849e
```
#62849e rgb(98,132,158)
```
#5885a8
```
#5885a8 rgb(88,133,168)
```
#4f86b1
```
#4f86b1 rgb(79,134,177)
```
#4588bb
```
#4588bb rgb(69,136,187)
```
#3b89c5
```
#3b89c5 rgb(59,137,197)
```
#318acf
```
#318acf rgb(49,138,207)
```
#288bd8
```
#288bd8 rgb(40,139,216)
```
#1e8de2
```
#1e8de2 rgb(30,141,226)
```
#148eec
```
#148eec rgb(20,142,236)
```
#0a8ff6
```
#0a8ff6 rgb(10,143,246)
```

Tone Color Variation

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

#668de7 Protanopia 1% of men
#3b92ed Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#488de9 Protanomaly 1% of men, 0.01% of women
#2d90ed Deuteranomaly 6% of men, 0.4% of women
#0798c0 Tritanomaly 0.01% of the population

#148eec hex color

#148eec Color Information

#148eec Color Conversion

Color Schemes with #148eec

Alternatives to #148eec

#148eec Preview

Shades and Tints of #148eec

Tones of #148eec

Color Blindness Simulator