#148ef9 hex color

In a RGB color space, hex #148ef9 is composed of 7.8% red, 55.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 43% magenta, 0% yellow and 2.4% black. It has a hue angle of 208 degrees, a saturation of 95% and a lightness of 52.7%. #148ef9 color hex could be obtained by blending #28ffff with #001df3. Closest websafe color is: #0099ff.

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

● #148ef9 color description : Vivid blue.

The hexadecimal color #148ef9 has RGB values of R:20, G:142, B:249 and CMYK values of C:0.92, M:0.43, Y:0, K:0.02. Its decimal value is 1347321.

Hex triplet	148ef9	`#148ef9`
RGB Decimal	20, 142, 249	`rgb(20,142,249)`
RGB Percent	7.8, 55.7, 97.6	`rgb(7.8%,55.7%,97.6%)`
CMYK	92, 43, 0, 2
HSL	208°, 95, 52.7	`hsl(208,95%,52.7%)`
HSV (or HSB)	208°, 92, 97.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	58.351, 8.436, -61.755
XYZ	27.056, 26.332, 93.274
xyY	0.184, 0.18, 26.332
CIE-LCH	58.351, 62.329, 277.778
CIE-LUV	58.351, -33.104, -99.128
Hunter-Lab	51.315, 4.317, -71.851
Binary	00010100, 10001110, 11111001

#148ef9
```
#148ef9 rgb(20,142,249)
```
#f97f14
```
#f97f14 rgb(249,127,20)
```

Complementary Color

#14f9f2
```
#14f9f2 rgb(20,249,242)
```
#148ef9
```
#148ef9 rgb(20,142,249)
```
#141cf9
```
#141cf9 rgb(20,28,249)
```

Analogous Color

#f9f214
```
#f9f214 rgb(249,242,20)
```
#148ef9
```
#148ef9 rgb(20,142,249)
```
#f9141c
```
#f9141c rgb(249,20,28)
```

Split Complementary Color

#8ef914
```
#8ef914 rgb(142,249,20)
```
#148ef9
```
#148ef9 rgb(20,142,249)
```
#f9148e
```
#f9148e rgb(249,20,142)
```

Triadic Color

#14f97f
```
#14f97f rgb(20,249,127)
```
#148ef9
```
#148ef9 rgb(20,142,249)
```
#f9148e
```
#f9148e rgb(249,20,142)
```
#f97f14
```
#f97f14 rgb(249,127,20)
```

Tetradic Color

#0566bc
```
#0566bc rgb(5,102,188)
```
#0574d5
```
#0574d5 rgb(5,116,213)
```
#0681ed
```
#0681ed rgb(6,129,237)
```
#148ef9
```
#148ef9 rgb(20,142,249)
```
#2d9afa
```
#2d9afa rgb(45,154,250)
```
#46a6fa
```
#46a6fa rgb(70,166,250)
```
#5fb2fb
```
#5fb2fb rgb(95,178,251)
```

Monochromatic Color

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

#14c7f9
```
#14c7f9 rgb(20,199,249)
```
#14b4f9
```
#14b4f9 rgb(20,180,249)
```
#14a1f9
```
#14a1f9 rgb(20,161,249)
```
#148ef9
```
#148ef9 rgb(20,142,249)
```
#147bf9
```
#147bf9 rgb(20,123,249)
```
#1468f9
```
#1468f9 rgb(20,104,249)
```
#1455f9
```
#1455f9 rgb(20,85,249)
```

Similar Colors

Text with hexadecimal color #148ef9

This text has a font color of #148ef9.

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

#148ef9 background color

This paragraph has a background color of #148ef9.

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

#148ef9 border color

This element has a border color of #148ef9.

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

CSS codes

.text {color:#148ef9;}

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

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

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, #00070e is the darkest color, while #fafcff is the lightest one.

#00070e
```
#00070e rgb(0,7,14)
```
#011221
```
#011221 rgb(1,18,33)
```
#011c34
```
#011c34 rgb(1,28,52)
```
#022747
```
#022747 rgb(2,39,71)
```
#02315a
```
#02315a rgb(2,49,90)
```
#033c6d
```
#033c6d rgb(3,60,109)
```
#034680
```
#034680 rgb(3,70,128)
```
#045094
```
#045094 rgb(4,80,148)
```
#045ba7
```
#045ba7 rgb(4,91,167)
```
#0565ba
```
#0565ba rgb(5,101,186)
```
#0570cd
```
#0570cd rgb(5,112,205)
```
#067ae0
```
#067ae0 rgb(6,122,224)
```
#0684f3
```
#0684f3 rgb(6,132,243)
```

Shade Color Variation

#148ef9
```
#148ef9 rgb(20,142,249)
```
#2797f9
```
#2797f9 rgb(39,151,249)
```
#3aa0fa
```
#3aa0fa rgb(58,160,250)
```
#4daafa
```
#4daafa rgb(77,170,250)
```
#61b3fb
```
#61b3fb rgb(97,179,251)
```
#74bcfb
```
#74bcfb rgb(116,188,251)
```
#87c5fc
```
#87c5fc rgb(135,197,252)
```
#9acefc
```
#9acefc rgb(154,206,252)
```
#add8fd
```
#add8fd rgb(173,216,253)
```
#c0e1fd
```
#c0e1fd rgb(192,225,253)
```
#d3eafe
```
#d3eafe rgb(211,234,254)
```
#e6f3fe
```
#e6f3fe rgb(230,243,254)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83878a is the less saturated color, while #148ef9 is the most saturated one.

#83878a
```
#83878a rgb(131,135,138)
```
#7a8793
```
#7a8793 rgb(122,135,147)
```
#71889c
```
#71889c rgb(113,136,156)
```
#6789a6
```
#6789a6 rgb(103,137,166)
```
#5e89af
```
#5e89af rgb(94,137,175)
```
#558ab8
```
#558ab8 rgb(85,138,184)
```
#4c8ac1
```
#4c8ac1 rgb(76,138,193)
```
#428bcb
```
#428bcb rgb(66,139,203)
```
#398cd4
```
#398cd4 rgb(57,140,212)
```
#308cdd
```
#308cdd rgb(48,140,221)
```
#278de6
```
#278de6 rgb(39,141,230)
```
#1d8df0
```
#1d8df0 rgb(29,141,240)
```
#148ef9
```
#148ef9 rgb(20,142,249)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#627b90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e8ef5 Protanopia 1% of men
#0094f7 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#438ef6 Protanomaly 1% of men, 0.01% of women
#0792f8 Deuteranomaly 6% of men, 0.4% of women
#0799c6 Tritanomaly 0.01% of the population

#148ef9 hex color

#148ef9 Color Information

#148ef9 Color Conversion

Color Schemes with #148ef9

Alternatives to #148ef9

#148ef9 Preview

Shades and Tints of #148ef9

Tones of #148ef9

Color Blindness Simulator