#148fe5 hex color

In a RGB color space, hex #148fe5 is composed of 7.8% red, 56.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 37.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 204.7 degrees, a saturation of 83.9% and a lightness of 48.8%. #148fe5 color hex could be obtained by blending #28ffff with #001fcb. Closest websafe color is: #0099cc.

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

● #148fe5 color description : Vivid blue.

The hexadecimal color #148fe5 has RGB values of R:20, G:143, B:229 and CMYK values of C:0.91, M:0.38, Y:0, K:0.1. Its decimal value is 1347557.

Hex triplet	148fe5	`#148fe5`
RGB Decimal	20, 143, 229	`rgb(20,143,229)`
RGB Percent	7.8, 56.1, 89.8	`rgb(7.8%,56.1%,89.8%)`
CMYK	91, 38, 0, 10
HSL	204.7°, 83.9, 48.8	`hsl(204.7,83.9%,48.8%)`
HSV (or HSB)	204.7°, 91.3, 89.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	57.51, 0.272, -52.028
XYZ	24.25, 25.449, 77.758
xyY	0.19, 0.2, 25.449
CIE-LCH	57.51, 52.029, 270.3
CIE-LUV	57.51, -34.464, -82.275
Hunter-Lab	50.447, -2.474, -56.077
Binary	00010100, 10001111, 11100101

#148fe5
```
#148fe5 rgb(20,143,229)
```
#e56a14
```
#e56a14 rgb(229,106,20)
```

Complementary Color

#14e5d3
```
#14e5d3 rgb(20,229,211)
```
#148fe5
```
#148fe5 rgb(20,143,229)
```
#1426e5
```
#1426e5 rgb(20,38,229)
```

Analogous Color

#e5d314
```
#e5d314 rgb(229,211,20)
```
#148fe5
```
#148fe5 rgb(20,143,229)
```
#e51427
```
#e51427 rgb(229,20,39)
```

Split Complementary Color

#8fe514
```
#8fe514 rgb(143,229,20)
```
#148fe5
```
#148fe5 rgb(20,143,229)
```
#e5148f
```
#e5148f rgb(229,20,143)
```

Triadic Color

#14e56a
```
#14e56a rgb(20,229,106)
```
#148fe5
```
#148fe5 rgb(20,143,229)
```
#e5148f
```
#e5148f rgb(229,20,143)
```
#e56a14
```
#e56a14 rgb(229,106,20)
```

Tetradic Color

#0e639f
```
#0e639f rgb(14,99,159)
```
#1072b6
```
#1072b6 rgb(16,114,182)
```
#1280ce
```
#1280ce rgb(18,128,206)
```
#148fe5
```
#148fe5 rgb(20,143,229)
```
#269bec
```
#269bec rgb(38,155,236)
```
#3ea6ee
```
#3ea6ee rgb(62,166,238)
```
#55b0f0
```
#55b0f0 rgb(85,176,240)
```

Monochromatic Color

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

#14c3e5
```
#14c3e5 rgb(20,195,229)
```
#14b2e5
```
#14b2e5 rgb(20,178,229)
```
#14a0e5
```
#14a0e5 rgb(20,160,229)
```
#148fe5
```
#148fe5 rgb(20,143,229)
```
#147ee5
```
#147ee5 rgb(20,126,229)
```
#146ce5
```
#146ce5 rgb(20,108,229)
```
#145be5
```
#145be5 rgb(20,91,229)
```

Similar Colors

Text with hexadecimal color #148fe5

This text has a font color of #148fe5.

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

#148fe5 background color

This paragraph has a background color of #148fe5.

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

#148fe5 border color

This element has a border color of #148fe5.

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

CSS codes

.text {color:#148fe5;}

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

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

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, #01080d is the darkest color, while #f9fcff is the lightest one.

#01080d
```
#01080d rgb(1,8,13)
```
#03131f
```
#03131f rgb(3,19,31)
```
#041e31
```
#041e31 rgb(4,30,49)
```
#062a43
```
#062a43 rgb(6,42,67)
```
#073555
```
#073555 rgb(7,53,85)
```
#094067
```
#094067 rgb(9,64,103)
```
#0b4b79
```
#0b4b79 rgb(11,75,121)
```
#0c578b
```
#0c578b rgb(12,87,139)
```
#0e629d
```
#0e629d rgb(14,98,157)
```
#0f6daf
```
#0f6daf rgb(15,109,175)
```
#1178c1
```
#1178c1 rgb(17,120,193)
```
#1284d3
```
#1284d3 rgb(18,132,211)
```
#148fe5
```
#148fe5 rgb(20,143,229)
```

Shade Color Variation

#2198ec
```
#2198ec rgb(33,152,236)
```
#33a1ed
```
#33a1ed rgb(51,161,237)
```
#45a9ef
```
#45a9ef rgb(69,169,239)
```
#57b1f0
```
#57b1f0 rgb(87,177,240)
```
#69baf2
```
#69baf2 rgb(105,186,242)
```
#7bc2f3
```
#7bc2f3 rgb(123,194,243)
```
#8dcaf5
```
#8dcaf5 rgb(141,202,245)
```
#9fd3f7
```
#9fd3f7 rgb(159,211,247)
```
#b1dbf8
```
#b1dbf8 rgb(177,219,248)
```
#c3e3fa
```
#c3e3fa rgb(195,227,250)
```
#d5ecfb
```
#d5ecfb rgb(213,236,251)
```
#e7f4fd
```
#e7f4fd rgb(231,244,253)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747e85 is the less saturated color, while #0192f8 is the most saturated one.

#747e85
```
#747e85 rgb(116,126,133)
```
#6a808f
```
#6a808f rgb(106,128,143)
```
#618198
```
#618198 rgb(97,129,152)
```
#5783a2
```
#5783a2 rgb(87,131,162)
```
#4d85ac
```
#4d85ac rgb(77,133,172)
```
#4487b5
```
#4487b5 rgb(68,135,181)
```
#3a88bf
```
#3a88bf rgb(58,136,191)
```
#318ac8
```
#318ac8 rgb(49,138,200)
```
#278cd2
```
#278cd2 rgb(39,140,210)
```
#1e8ddb
```
#1e8ddb rgb(30,141,219)
```
#148fe5
```
#148fe5 rgb(20,143,229)
```
#0a91ef
```
#0a91ef rgb(10,145,239)
```
#0192f8
```
#0192f8 rgb(1,146,248)
```

Tone Color Variation

Below, you can see how #148fe5 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
#61798b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c8de0 Protanopia 1% of men
#4a91e7 Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#4c8ee2 Protanomaly 1% of men, 0.01% of women
#3690e6 Deuteranomaly 6% of men, 0.4% of women
#0798be Tritanomaly 0.01% of the population

#148fe5 hex color

#148fe5 Color Information

#148fe5 Color Conversion

Color Schemes with #148fe5

Alternatives to #148fe5

#148fe5 Preview

Shades and Tints of #148fe5

Tones of #148fe5

Color Blindness Simulator