#148bfb hex color

In a RGB color space, hex #148bfb is composed of 7.8% red, 54.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 44.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 209.1 degrees, a saturation of 96.7% and a lightness of 53.1%. #148bfb color hex could be obtained by blending #28ffff with #0017f7. Closest websafe color is: #0099ff.

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

● #148bfb color description : Vivid blue.

The hexadecimal color #148bfb has RGB values of R:20, G:139, B:251 and CMYK values of C:0.92, M:0.45, Y:0, K:0.02. Its decimal value is 1346555.

Hex triplet	148bfb	`#148bfb`
RGB Decimal	20, 139, 251	`rgb(20,139,251)`
RGB Percent	7.8, 54.5, 98.4	`rgb(7.8%,54.5%,98.4%)`
CMYK	92, 45, 0, 2
HSL	209.1°, 96.7, 53.1	`hsl(209.1,96.7%,53.1%)`
HSV (or HSB)	209.1°, 92, 98.4
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.633, 11.015, -64.009
XYZ	26.93, 25.577, 94.779
xyY	0.183, 0.174, 25.577
CIE-LCH	57.633, 64.95, 279.764
CIE-LUV	57.633, -32.089, -102.711
Hunter-Lab	50.573, 6.546, -75.714
Binary	00010100, 10001011, 11111011

#148bfb
```
#148bfb rgb(20,139,251)
```
#fb8414
```
#fb8414 rgb(251,132,20)
```

Complementary Color

#14fbf8
```
#14fbf8 rgb(20,251,248)
```
#148bfb
```
#148bfb rgb(20,139,251)
```
#1418fb
```
#1418fb rgb(20,24,251)
```

Analogous Color

#fbf814
```
#fbf814 rgb(251,248,20)
```
#148bfb
```
#148bfb rgb(20,139,251)
```
#fb1418
```
#fb1418 rgb(251,20,24)
```

Split Complementary Color

#8bfb14
```
#8bfb14 rgb(139,251,20)
```
#148bfb
```
#148bfb rgb(20,139,251)
```
#fb148b
```
#fb148b rgb(251,20,139)
```

Triadic Color

#14fb84
```
#14fb84 rgb(20,251,132)
```
#148bfb
```
#148bfb rgb(20,139,251)
```
#fb148b
```
#fb148b rgb(251,20,139)
```
#fb8414
```
#fb8414 rgb(251,132,20)
```

Tetradic Color

#0364bf
```
#0364bf rgb(3,100,191)
```
#0471d8
```
#0471d8 rgb(4,113,216)
```
#047ef1
```
#047ef1 rgb(4,126,241)
```
#148bfb
```
#148bfb rgb(20,139,251)
```
#2d97fb
```
#2d97fb rgb(45,151,251)
```
#46a4fc
```
#46a4fc rgb(70,164,252)
```
#5fb0fc
```
#5fb0fc rgb(95,176,252)
```

Monochromatic Color

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

#14c5fb
```
#14c5fb rgb(20,197,251)
```
#14b2fb
```
#14b2fb rgb(20,178,251)
```
#149efb
```
#149efb rgb(20,158,251)
```
#148bfb
```
#148bfb rgb(20,139,251)
```
#1478fb
```
#1478fb rgb(20,120,251)
```
#1465fb
```
#1465fb rgb(20,101,251)
```
#1451fb
```
#1451fb rgb(20,81,251)
```

Similar Colors

Text with hexadecimal color #148bfb

This text has a font color of #148bfb.

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

#148bfb background color

This paragraph has a background color of #148bfb.

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

#148bfb border color

This element has a border color of #148bfb.

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

CSS codes

.text {color:#148bfb;}

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

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

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

#000810
```
#000810 rgb(0,8,16)
```
#011223
```
#011223 rgb(1,18,35)
```
#011c36
```
#011c36 rgb(1,28,54)
```
#01274a
```
#01274a rgb(1,39,74)
```
#02315d
```
#02315d rgb(2,49,93)
```
#023b70
```
#023b70 rgb(2,59,112)
```
#024583
```
#024583 rgb(2,69,131)
```
#034f97
```
#034f97 rgb(3,79,151)
```
#0359aa
```
#0359aa rgb(3,89,170)
```
#0363bd
```
#0363bd rgb(3,99,189)
```
#046dd1
```
#046dd1 rgb(4,109,209)
```
#0477e4
```
#0477e4 rgb(4,119,228)
```
#0481f7
```
#0481f7 rgb(4,129,247)
```

Shade Color Variation

#148bfb
```
#148bfb rgb(20,139,251)
```
#2795fb
```
#2795fb rgb(39,149,251)
```
#3b9efc
```
#3b9efc rgb(59,158,252)
```
#4ea8fc
```
#4ea8fc rgb(78,168,252)
```
#61b1fc
```
#61b1fc rgb(97,177,252)
```
#74bbfd
```
#74bbfd rgb(116,187,253)
```
#88c4fd
```
#88c4fd rgb(136,196,253)
```
#9bcefd
```
#9bcefd rgb(155,206,253)
```
#aed7fe
```
#aed7fe rgb(174,215,254)
```
#c2e1fe
```
#c2e1fe rgb(194,225,254)
```
#d5eafe
```
#d5eafe rgb(213,234,254)
```
#e8f4ff
```
#e8f4ff rgb(232,244,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#82888d
```
#82888d rgb(130,136,141)
```
#798896
```
#798896 rgb(121,136,150)
```
#70889f
```
#70889f rgb(112,136,159)
```
#6788a8
```
#6788a8 rgb(103,136,168)
```
#5e89b1
```
#5e89b1 rgb(94,137,177)
```
#5489bb
```
#5489bb rgb(84,137,187)
```
#4b89c4
```
#4b89c4 rgb(75,137,196)
```
#428acd
```
#428acd rgb(66,138,205)
```
#398ad6
```
#398ad6 rgb(57,138,214)
```
#308adf
```
#308adf rgb(48,138,223)
```
#268ae9
```
#268ae9 rgb(38,138,233)
```
#1d8bf2
```
#1d8bf2 rgb(29,139,242)
```
#148bfb
```
#148bfb rgb(20,139,251)
```

Tone Color Variation

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

#568df7 Protanopia 1% of men
#0093f4 Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

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

#148bfb hex color

#148bfb Color Information

#148bfb Color Conversion

Color Schemes with #148bfb

Alternatives to #148bfb

#148bfb Preview

Shades and Tints of #148bfb

Tones of #148bfb

Color Blindness Simulator