#148dfe hex color

In a RGB color space, hex #148dfe is composed of 7.8% red, 55.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 44.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 209 degrees, a saturation of 99.2% and a lightness of 53.7%. #148dfe color hex could be obtained by blending #28ffff with #001bfd. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 8
- G 55
- B 100
RGB color chart
- C 92
- M 44
- Y 0
- K 0
CMYK color chart

● #148dfe color description : Vivid blue.

The hexadecimal color #148dfe has RGB values of R:20, G:141, B:254 and CMYK values of C:0.92, M:0.44, Y:0, K:0. Its decimal value is 1347070.

Hex triplet	148dfe	`#148dfe`
RGB Decimal	20, 141, 254	`rgb(20,141,254)`
RGB Percent	7.8, 55.3, 99.6	`rgb(7.8%,55.3%,99.6%)`
CMYK	92, 44, 0, 0
HSL	209°, 99.2, 53.7	`hsl(209,99.2%,53.7%)`
HSV (or HSB)	209°, 92.1, 99.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	58.369, 10.937, -64.475
XYZ	27.699, 26.352, 97.387
xyY	0.183, 0.174, 26.352
CIE-LCH	58.369, 65.396, 279.628
CIE-LUV	58.369, -32.562, -103.728
Hunter-Lab	51.334, 6.48, -76.547
Binary	00010100, 10001101, 11111110

#148dfe
```
#148dfe rgb(20,141,254)
```
#fe8514
```
#fe8514 rgb(254,133,20)
```

Complementary Color

#14fefa
```
#14fefa rgb(20,254,250)
```
#148dfe
```
#148dfe rgb(20,141,254)
```
#1418fe
```
#1418fe rgb(20,24,254)
```

Analogous Color

#fefa14
```
#fefa14 rgb(254,250,20)
```
#148dfe
```
#148dfe rgb(20,141,254)
```
#fe1418
```
#fe1418 rgb(254,20,24)
```

Split Complementary Color

#8dfe14
```
#8dfe14 rgb(141,254,20)
```
#148dfe
```
#148dfe rgb(20,141,254)
```
#fe148d
```
#fe148d rgb(254,20,141)
```

Triadic Color

#14fe85
```
#14fe85 rgb(20,254,133)
```
#148dfe
```
#148dfe rgb(20,141,254)
```
#fe148d
```
#fe148d rgb(254,20,141)
```
#fe8514
```
#fe8514 rgb(254,133,20)
```

Tetradic Color

#0166c5
```
#0166c5 rgb(1,102,197)
```
#0173de
```
#0173de rgb(1,115,222)
```
#0180f7
```
#0180f7 rgb(1,128,247)
```
#148dfe
```
#148dfe rgb(20,141,254)
```
#2d99fe
```
#2d99fe rgb(45,153,254)
```
#47a6fe
```
#47a6fe rgb(71,166,254)
```
#60b2fe
```
#60b2fe rgb(96,178,254)
```

Monochromatic Color

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

#14c8fe
```
#14c8fe rgb(20,200,254)
```
#14b4fe
```
#14b4fe rgb(20,180,254)
```
#14a1fe
```
#14a1fe rgb(20,161,254)
```
#148dfe
```
#148dfe rgb(20,141,254)
```
#147afe
```
#147afe rgb(20,122,254)
```
#1466fe
```
#1466fe rgb(20,102,254)
```
#1453fe
```
#1453fe rgb(20,83,254)
```

Similar Colors

Text with hexadecimal color #148dfe

This text has a font color of #148dfe.

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

#148dfe background color

This paragraph has a background color of #148dfe.

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

#148dfe border color

This element has a border color of #148dfe.

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

CSS codes

.text {color:#148dfe;}

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

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

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

#000a13
```
#000a13 rgb(0,10,19)
```
#001426
```
#001426 rgb(0,20,38)
```
#001e3a
```
#001e3a rgb(0,30,58)
```
#00284e
```
#00284e rgb(0,40,78)
```
#003261
```
#003261 rgb(0,50,97)
```
#003d75
```
#003d75 rgb(0,61,117)
```
#014788
```
#014788 rgb(1,71,136)
```
#01519c
```
#01519c rgb(1,81,156)
```
#015baf
```
#015baf rgb(1,91,175)
```
#0165c3
```
#0165c3 rgb(1,101,195)
```
#016fd6
```
#016fd6 rgb(1,111,214)
```
#0179ea
```
#0179ea rgb(1,121,234)
```
#0184fd
```
#0184fd rgb(1,132,253)
```

Shade Color Variation

#148dfe
```
#148dfe rgb(20,141,254)
```
#2896fe
```
#2896fe rgb(40,150,254)
```
#3ba0fe
```
#3ba0fe rgb(59,160,254)
```
#4fa9fe
```
#4fa9fe rgb(79,169,254)
```
#62b3fe
```
#62b3fe rgb(98,179,254)
```
#76bcfe
```
#76bcfe rgb(118,188,254)
```
#89c6fe
```
#89c6fe rgb(137,198,254)
```
#9dcfff
```
#9dcfff rgb(157,207,255)
```
#b0d9ff
```
#b0d9ff rgb(176,217,255)
```
#c4e2ff
```
#c4e2ff rgb(196,226,255)
```
#d7ecff
```
#d7ecff rgb(215,236,255)
```
#ebf5ff
```
#ebf5ff rgb(235,245,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#818991
```
#818991 rgb(129,137,145)
```
#788a9a
```
#788a9a rgb(120,138,154)
```
#6f8aa3
```
#6f8aa3 rgb(111,138,163)
```
#668aac
```
#668aac rgb(102,138,172)
```
#5d8bb5
```
#5d8bb5 rgb(93,139,181)
```
#548bbe
```
#548bbe rgb(84,139,190)
```
#4a8bc8
```
#4a8bc8 rgb(74,139,200)
```
#418bd1
```
#418bd1 rgb(65,139,209)
```
#388cda
```
#388cda rgb(56,140,218)
```
#2f8ce3
```
#2f8ce3 rgb(47,140,227)
```
#268cec
```
#268cec rgb(38,140,236)
```
#1d8df5
```
#1d8df5 rgb(29,141,245)
```
#148dfe
```
#148dfe rgb(20,141,254)
```

Tone Color Variation

Below, you can see how #148dfe 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
#627b91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#588efa Protanopia 1% of men
#0094f7 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#3f8efb Protanomaly 1% of men, 0.01% of women
#0792f9 Deuteranomaly 6% of men, 0.4% of women
#0799c8 Tritanomaly 0.01% of the population

#148dfe hex color

#148dfe Color Information

#148dfe Color Conversion

Color Schemes with #148dfe

Alternatives to #148dfe

#148dfe Preview

Shades and Tints of #148dfe

Tones of #148dfe

Color Blindness Simulator