#148fec hex color

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

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

● #148fec color description : Vivid blue.

The hexadecimal color #148fec has RGB values of R:20, G:143, B:236 and CMYK values of C:0.92, M:0.39, Y:0, K:0.07. Its decimal value is 1347564.

Hex triplet	148fec	`#148fec`
RGB Decimal	20, 143, 236	`rgb(20,143,236)`
RGB Percent	7.8, 56.1, 92.5	`rgb(7.8%,56.1%,92.5%)`
CMYK	92, 39, 0, 7
HSL	205.8°, 85, 50.2	`hsl(205.8,85%,50.2%)`
HSV (or HSB)	205.8°, 91.5, 92.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.892, 2.914, -55.307
XYZ	25.248, 25.847, 83.011
xyY	0.188, 0.193, 25.847
CIE-LCH	57.892, 55.383, 273.016
CIE-LUV	57.892, -34.08, -88.002
Hunter-Lab	50.84, -0.326, -61.219
Binary	00010100, 10001111, 11101100

#148fec
```
#148fec rgb(20,143,236)
```
#ec7114
```
#ec7114 rgb(236,113,20)
```

Complementary Color

#14ecdd
```
#14ecdd rgb(20,236,221)
```
#148fec
```
#148fec rgb(20,143,236)
```
#1423ec
```
#1423ec rgb(20,35,236)
```

Analogous Color

#ecdd14
```
#ecdd14 rgb(236,221,20)
```
#148fec
```
#148fec rgb(20,143,236)
```
#ec1423
```
#ec1423 rgb(236,20,35)
```

Split Complementary Color

#8fec14
```
#8fec14 rgb(143,236,20)
```
#148fec
```
#148fec rgb(20,143,236)
```
#ec148f
```
#ec148f rgb(236,20,143)
```

Triadic Color

#14ec71
```
#14ec71 rgb(20,236,113)
```
#148fec
```
#148fec rgb(20,143,236)
```
#ec148f
```
#ec148f rgb(236,20,143)
```
#ec7114
```
#ec7114 rgb(236,113,20)
```

Tetradic Color

#0d64a6
```
#0d64a6 rgb(13,100,166)
```
#0f73be
```
#0f73be rgb(15,115,190)
```
#1181d5
```
#1181d5 rgb(17,129,213)
```
#148fec
```
#148fec rgb(20,143,236)
```
#2c9aee
```
#2c9aee rgb(44,154,238)
```
#43a5f0
```
#43a5f0 rgb(67,165,240)
```
#5bb1f2
```
#5bb1f2 rgb(91,177,242)
```

Monochromatic Color

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

#14c5ec
```
#14c5ec rgb(20,197,236)
```
#14b3ec
```
#14b3ec rgb(20,179,236)
```
#14a1ec
```
#14a1ec rgb(20,161,236)
```
#148fec
```
#148fec rgb(20,143,236)
```
#147dec
```
#147dec rgb(20,125,236)
```
#146bec
```
#146bec rgb(20,107,236)
```
#1459ec
```
#1459ec rgb(20,89,236)
```

Similar Colors

Text with hexadecimal color #148fec

This text has a font color of #148fec.

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

#148fec background color

This paragraph has a background color of #148fec.

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

#148fec border color

This element has a border color of #148fec.

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

CSS codes

.text {color:#148fec;}

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

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

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)
```
#020c13
```
#020c13 rgb(2,12,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)
```
#0f6eb6
```
#0f6eb6 rgb(15,110,182)
```
#1079c9
```
#1079c9 rgb(16,121,201)
```
#1284db
```
#1284db rgb(18,132,219)
```

Shade Color Variation

#148fec
```
#148fec rgb(20,143,236)
```
#2698ed
```
#2698ed rgb(38,152,237)
```
#38a0ef
```
#38a0ef rgb(56,160,239)
```
#4aa9f0
```
#4aa9f0 rgb(74,169,240)
```
#5db2f2
```
#5db2f2 rgb(93,178,242)
```
#6fbaf3
```
#6fbaf3 rgb(111,186,243)
```
#81c3f5
```
#81c3f5 rgb(129,195,245)
```
#93ccf6
```
#93ccf6 rgb(147,204,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 #0a90f6 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)
```
#5886a8
```
#5886a8 rgb(88,134,168)
```
#4f87b1
```
#4f87b1 rgb(79,135,177)
```
#4588bb
```
#4588bb rgb(69,136,187)
```
#3b8ac5
```
#3b8ac5 rgb(59,138,197)
```
#318bcf
```
#318bcf rgb(49,139,207)
```
#288cd8
```
#288cd8 rgb(40,140,216)
```
#1e8ee2
```
#1e8ee2 rgb(30,142,226)
```
#148fec
```
#148fec rgb(20,143,236)
```
#0a90f6
```
#0a90f6 rgb(10,144,246)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#627a8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#688ee7 Protanopia 1% of men
#3f92ed Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#498ee9 Protanomaly 1% of men, 0.01% of women
#2f91ed Deuteranomaly 6% of men, 0.4% of women
#0799c1 Tritanomaly 0.01% of the population

#148fec hex color

#148fec Color Information

#148fec Color Conversion

Color Schemes with #148fec

Alternatives to #148fec

#148fec Preview

Shades and Tints of #148fec

Tones of #148fec

Color Blindness Simulator