#148bfc hex color

In a RGB color space, hex #148bfc is composed of 7.8% red, 54.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 44.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 209.2 degrees, a saturation of 97.5% and a lightness of 53.3%. #148bfc color hex could be obtained by blending #28ffff with #0017f9. Closest websafe color is: #0099ff.

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

● #148bfc color description : Vivid blue.

The hexadecimal color #148bfc has RGB values of R:20, G:139, B:252 and CMYK values of C:0.92, M:0.45, Y:0, K:0.01. Its decimal value is 1346556.

Hex triplet	148bfc	`#148bfc`
RGB Decimal	20, 139, 252	`rgb(20,139,252)`
RGB Percent	7.8, 54.5, 98.8	`rgb(7.8%,54.5%,98.8%)`
CMYK	92, 45, 0, 1
HSL	209.2°, 97.5, 53.3	`hsl(209.2,97.5%,53.3%)`
HSV (or HSB)	209.2°, 92.1, 98.8
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.694, 11.395, -64.462
XYZ	27.088, 25.64, 95.611
xyY	0.183, 0.173, 25.64
CIE-LCH	57.694, 65.461, 280.025
CIE-LUV	57.694, -32.044, -103.489
Hunter-Lab	50.636, 6.877, -76.508
Binary	00010100, 10001011, 11111100

#148bfc
```
#148bfc rgb(20,139,252)
```
#fc8514
```
#fc8514 rgb(252,133,20)
```

Complementary Color

#14fcf9
```
#14fcf9 rgb(20,252,249)
```
#148bfc
```
#148bfc rgb(20,139,252)
```
#1417fc
```
#1417fc rgb(20,23,252)
```

Analogous Color

#fcf914
```
#fcf914 rgb(252,249,20)
```
#148bfc
```
#148bfc rgb(20,139,252)
```
#fc1417
```
#fc1417 rgb(252,20,23)
```

Split Complementary Color

#8bfc14
```
#8bfc14 rgb(139,252,20)
```
#148bfc
```
#148bfc rgb(20,139,252)
```
#fc148b
```
#fc148b rgb(252,20,139)
```

Triadic Color

#14fc85
```
#14fc85 rgb(20,252,133)
```
#148bfc
```
#148bfc rgb(20,139,252)
```
#fc148b
```
#fc148b rgb(252,20,139)
```
#fc8514
```
#fc8514 rgb(252,133,20)
```

Tetradic Color

#0264c1
```
#0264c1 rgb(2,100,193)
```
#0371da
```
#0371da rgb(3,113,218)
```
#037ef3
```
#037ef3 rgb(3,126,243)
```
#148bfc
```
#148bfc rgb(20,139,252)
```
#2d97fc
```
#2d97fc rgb(45,151,252)
```
#46a4fd
```
#46a4fd rgb(70,164,253)
```
#60b0fd
```
#60b0fd rgb(96,176,253)
```

Monochromatic Color

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

#14c5fc
```
#14c5fc rgb(20,197,252)
```
#14b2fc
```
#14b2fc rgb(20,178,252)
```
#149efc
```
#149efc rgb(20,158,252)
```
#148bfc
```
#148bfc rgb(20,139,252)
```
#1478fc
```
#1478fc rgb(20,120,252)
```
#1464fc
```
#1464fc rgb(20,100,252)
```
#1451fc
```
#1451fc rgb(20,81,252)
```

Similar Colors

Text with hexadecimal color #148bfc

This text has a font color of #148bfc.

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

#148bfc background color

This paragraph has a background color of #148bfc.

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

#148bfc border color

This element has a border color of #148bfc.

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

CSS codes

.text {color:#148bfc;}

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

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

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

#000911
```
#000911 rgb(0,9,17)
```
#001324
```
#001324 rgb(0,19,36)
```
#011d38
```
#011d38 rgb(1,29,56)
```
#01274b
```
#01274b rgb(1,39,75)
```
#01315e
```
#01315e rgb(1,49,94)
```
#013b72
```
#013b72 rgb(1,59,114)
```
#024585
```
#024585 rgb(2,69,133)
```
#024f98
```
#024f98 rgb(2,79,152)
```
#0259ac
```
#0259ac rgb(2,89,172)
```
#0263bf
```
#0263bf rgb(2,99,191)
```
#036dd2
```
#036dd2 rgb(3,109,210)
```
#0377e6
```
#0377e6 rgb(3,119,230)
```
#0381f9
```
#0381f9 rgb(3,129,249)
```

Shade Color Variation

#148bfc
```
#148bfc rgb(20,139,252)
```
#2795fc
```
#2795fc rgb(39,149,252)
```
#3b9efc
```
#3b9efc rgb(59,158,252)
```
#4ea8fd
```
#4ea8fd rgb(78,168,253)
```
#61b1fd
```
#61b1fd rgb(97,177,253)
```
#75bbfd
```
#75bbfd rgb(117,187,253)
```
#88c4fd
```
#88c4fd rgb(136,196,253)
```
#9ccefe
```
#9ccefe rgb(156,206,254)
```
#afd7fe
```
#afd7fe rgb(175,215,254)
```
#c2e1fe
```
#c2e1fe rgb(194,225,254)
```
#d6ebfe
```
#d6ebfe rgb(214,235,254)
```
#e9f4ff
```
#e9f4ff rgb(233,244,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#82888e
```
#82888e rgb(130,136,142)
```
#798897
```
#798897 rgb(121,136,151)
```
#7089a0
```
#7089a0 rgb(112,137,160)
```
#6689aa
```
#6689aa rgb(102,137,170)
```
#5d89b3
```
#5d89b3 rgb(93,137,179)
```
#5489bc
```
#5489bc rgb(84,137,188)
```
#4b8ac5
```
#4b8ac5 rgb(75,138,197)
```
#428ace
```
#428ace rgb(66,138,206)
```
#398ad7
```
#398ad7 rgb(57,138,215)
```
#2f8ae1
```
#2f8ae1 rgb(47,138,225)
```
#268bea
```
#268bea rgb(38,139,234)
```
#1d8bf3
```
#1d8bf3 rgb(29,139,243)
```
#148bfc
```
#148bfc rgb(20,139,252)
```

Tone Color Variation

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

Dichromacy

#558df8 Protanopia 1% of men
#0093f4 Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#3d8cf9 Protanomaly 1% of men, 0.01% of women
#0790f7 Deuteranomaly 6% of men, 0.4% of women
#0797c6 Tritanomaly 0.01% of the population

#148bfc hex color

#148bfc Color Information

#148bfc Color Conversion

Color Schemes with #148bfc

Alternatives to #148bfc

#148bfc Preview

Shades and Tints of #148bfc

Tones of #148bfc

Color Blindness Simulator