#148dfd hex color

In a RGB color space, hex #148dfd is composed of 7.8% red, 55.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 44.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 208.8 degrees, a saturation of 98.3% and a lightness of 53.5%. #148dfd color hex could be obtained by blending #28ffff with #001bfb. Closest websafe color is: #0099ff.

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

● #148dfd color description : Vivid blue.

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

Hex triplet	148dfd	`#148dfd`
RGB Decimal	20, 141, 253	`rgb(20,141,253)`
RGB Percent	7.8, 55.3, 99.2	`rgb(7.8%,55.3%,99.2%)`
CMYK	92, 44, 0, 1
HSL	208.8°, 98.3, 53.5	`hsl(208.8,98.3%,53.5%)`
HSV (or HSB)	208.8°, 92.1, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	58.309, 10.558, -64.022
XYZ	27.539, 26.288, 96.546
xyY	0.183, 0.175, 26.288
CIE-LCH	58.309, 64.887, 279.364
CIE-LUV	58.309, -32.608, -102.947
Hunter-Lab	51.272, 6.15, -75.754
Binary	00010100, 10001101, 11111101

#148dfd
```
#148dfd rgb(20,141,253)
```
#fd8414
```
#fd8414 rgb(253,132,20)
```

Complementary Color

#14fdf9
```
#14fdf9 rgb(20,253,249)
```
#148dfd
```
#148dfd rgb(20,141,253)
```
#1419fd
```
#1419fd rgb(20,25,253)
```

Analogous Color

#fdf914
```
#fdf914 rgb(253,249,20)
```
#148dfd
```
#148dfd rgb(20,141,253)
```
#fd1419
```
#fd1419 rgb(253,20,25)
```

Split Complementary Color

#8dfd14
```
#8dfd14 rgb(141,253,20)
```
#148dfd
```
#148dfd rgb(20,141,253)
```
#fd148d
```
#fd148d rgb(253,20,141)
```

Triadic Color

#14fd84
```
#14fd84 rgb(20,253,132)
```
#148dfd
```
#148dfd rgb(20,141,253)
```
#fd148d
```
#fd148d rgb(253,20,141)
```
#fd8414
```
#fd8414 rgb(253,132,20)
```

Tetradic Color

#0266c3
```
#0266c3 rgb(2,102,195)
```
#0273dc
```
#0273dc rgb(2,115,220)
```
#0280f5
```
#0280f5 rgb(2,128,245)
```
#148dfd
```
#148dfd rgb(20,141,253)
```
#2d99fd
```
#2d99fd rgb(45,153,253)
```
#47a6fd
```
#47a6fd rgb(71,166,253)
```
#60b2fe
```
#60b2fe rgb(96,178,254)
```

Monochromatic Color

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

#14c7fd
```
#14c7fd rgb(20,199,253)
```
#14b4fd
```
#14b4fd rgb(20,180,253)
```
#14a0fd
```
#14a0fd rgb(20,160,253)
```
#148dfd
```
#148dfd rgb(20,141,253)
```
#147afd
```
#147afd rgb(20,122,253)
```
#1466fd
```
#1466fd rgb(20,102,253)
```
#1453fd
```
#1453fd rgb(20,83,253)
```

Similar Colors

Text with hexadecimal color #148dfd

This text has a font color of #148dfd.

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

#148dfd background color

This paragraph has a background color of #148dfd.

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

#148dfd border color

This element has a border color of #148dfd.

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

CSS codes

.text {color:#148dfd;}

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

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

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

#000912
```
#000912 rgb(0,9,18)
```
#001425
```
#001425 rgb(0,20,37)
```
#001e39
```
#001e39 rgb(0,30,57)
```
#01284c
```
#01284c rgb(1,40,76)
```
#013260
```
#013260 rgb(1,50,96)
```
#013c73
```
#013c73 rgb(1,60,115)
```
#014687
```
#014687 rgb(1,70,135)
```
#01519a
```
#01519a rgb(1,81,154)
```
#015bad
```
#015bad rgb(1,91,173)
```
#0265c1
```
#0265c1 rgb(2,101,193)
```
#026fd4
```
#026fd4 rgb(2,111,212)
```
#0279e8
```
#0279e8 rgb(2,121,232)
```
#0284fb
```
#0284fb rgb(2,132,251)
```

Shade Color Variation

#148dfd
```
#148dfd rgb(20,141,253)
```
#2796fd
```
#2796fd rgb(39,150,253)
```
#3ba0fd
```
#3ba0fd rgb(59,160,253)
```
#4ea9fd
```
#4ea9fd rgb(78,169,253)
```
#62b3fe
```
#62b3fe rgb(98,179,254)
```
#75bcfe
```
#75bcfe rgb(117,188,254)
```
#89c6fe
```
#89c6fe rgb(137,198,254)
```
#9ccffe
```
#9ccffe rgb(156,207,254)
```
#b0d8fe
```
#b0d8fe rgb(176,216,254)
```
#c3e2fe
```
#c3e2fe rgb(195,226,254)
```
#d6ebff
```
#d6ebff rgb(214,235,255)
```
#eaf5ff
```
#eaf5ff rgb(234,245,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#818990
```
#818990 rgb(129,137,144)
```
#788999
```
#788999 rgb(120,137,153)
```
#6f89a2
```
#6f89a2 rgb(111,137,162)
```
#668aab
```
#668aab rgb(102,138,171)
```
#5d8ab4
```
#5d8ab4 rgb(93,138,180)
```
#548bbd
```
#548bbd rgb(84,139,189)
```
#4b8bc6
```
#4b8bc6 rgb(75,139,198)
```
#428bcf
```
#428bcf rgb(66,139,207)
```
#388cd9
```
#388cd9 rgb(56,140,217)
```
#2f8ce2
```
#2f8ce2 rgb(47,140,226)
```
#268ceb
```
#268ceb rgb(38,140,235)
```
#1d8df4
```
#1d8df4 rgb(29,141,244)
```
#148dfd
```
#148dfd rgb(20,141,253)
```

Tone Color Variation

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

#598ef9 Protanopia 1% of men
#0094f7 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

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

#148dfd hex color

#148dfd Color Information

#148dfd Color Conversion

Color Schemes with #148dfd

Alternatives to #148dfd

#148dfd Preview

Shades and Tints of #148dfd

Tones of #148dfd

Color Blindness Simulator