#148fbf hex color

In a RGB color space, hex #148fbf is composed of 7.8% red, 56.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 89.5% cyan, 25.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 196.8 degrees, a saturation of 81% and a lightness of 41.4%. #148fbf color hex could be obtained by blending #28ffff with #001f7f. Closest websafe color is: #0099cc.

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

● #148fbf color description : Strong blue.

The hexadecimal color #148fbf has RGB values of R:20, G:143, B:191 and CMYK values of C:0.9, M:0.25, Y:0, K:0.25. Its decimal value is 1347519.

Hex triplet	148fbf	`#148fbf`
RGB Decimal	20, 143, 191	`rgb(20,143,191)`
RGB Percent	7.8, 56.1, 74.9	`rgb(7.8%,56.1%,74.9%)`
CMYK	90, 25, 0, 25
HSL	196.8°, 81, 41.4	`hsl(196.8,81%,41.4%)`
HSV (or HSB)	196.8°, 89.5, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.638, -13.825, -33.62
XYZ	19.512, 23.553, 52.805
xyY	0.204, 0.246, 23.553
CIE-LCH	55.638, 36.352, 247.647
CIE-LUV	55.638, -36.827, -50.123
Hunter-Lab	48.532, -13.164, -30.538
Binary	00010100, 10001111, 10111111

#148fbf
```
#148fbf rgb(20,143,191)
```
#bf4414
```
#bf4414 rgb(191,68,20)
```

Complementary Color

#14bf9a
```
#14bf9a rgb(20,191,154)
```
#148fbf
```
#148fbf rgb(20,143,191)
```
#143abf
```
#143abf rgb(20,58,191)
```

Analogous Color

#bf9a14
```
#bf9a14 rgb(191,154,20)
```
#148fbf
```
#148fbf rgb(20,143,191)
```
#bf1439
```
#bf1439 rgb(191,20,57)
```

Split Complementary Color

#8fbf14
```
#8fbf14 rgb(143,191,20)
```
#148fbf
```
#148fbf rgb(20,143,191)
```
#bf148f
```
#bf148f rgb(191,20,143)
```

Triadic Color

#14bf44
```
#14bf44 rgb(20,191,68)
```
#148fbf
```
#148fbf rgb(20,143,191)
```
#bf148f
```
#bf148f rgb(191,20,143)
```
#bf4414
```
#bf4414 rgb(191,68,20)
```

Tetradic Color

#0d5b7a
```
#0d5b7a rgb(13,91,122)
```
#0f6c91
```
#0f6c91 rgb(15,108,145)
```
#127ea8
```
#127ea8 rgb(18,126,168)
```
#148fbf
```
#148fbf rgb(20,143,191)
```
#16a0d6
```
#16a0d6 rgb(22,160,214)
```
#1fafe7
```
#1fafe7 rgb(31,175,231)
```
#36b7ea
```
#36b7ea rgb(54,183,234)
```

Monochromatic Color

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

#14babf
```
#14babf rgb(20,186,191)
```
#14acbf
```
#14acbf rgb(20,172,191)
```
#149dbf
```
#149dbf rgb(20,157,191)
```
#148fbf
```
#148fbf rgb(20,143,191)
```
#1481bf
```
#1481bf rgb(20,129,191)
```
#1473bf
```
#1473bf rgb(20,115,191)
```
#1464bf
```
#1464bf rgb(20,100,191)
```

Similar Colors

Text with hexadecimal color #148fbf

This text has a font color of #148fbf.

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

#148fbf background color

This paragraph has a background color of #148fbf.

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

#148fbf border color

This element has a border color of #148fbf.

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

CSS codes

.text {color:#148fbf;}

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

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

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

#010a0d
```
#010a0d rgb(1,10,13)
```
#03171f
```
#03171f rgb(3,23,31)
```
#052531
```
#052531 rgb(5,37,49)
```
#073243
```
#073243 rgb(7,50,67)
```
#093f54
```
#093f54 rgb(9,63,84)
```
#0b4d66
```
#0b4d66 rgb(11,77,102)
```
#0d5a78
```
#0d5a78 rgb(13,90,120)
```
#0e678a
```
#0e678a rgb(14,103,138)
```
#10749b
```
#10749b rgb(16,116,155)
```
#1282ad
```
#1282ad rgb(18,130,173)
```
#148fbf
```
#148fbf rgb(20,143,191)
```
#169cd1
```
#169cd1 rgb(22,156,209)
```
#18aae3
```
#18aae3 rgb(24,170,227)
```

Shade Color Variation

#26b2e8
```
#26b2e8 rgb(38,178,232)
```
#37b8ea
```
#37b8ea rgb(55,184,234)
```
#49beec
```
#49beec rgb(73,190,236)
```
#5bc5ee
```
#5bc5ee rgb(91,197,238)
```
#6dcbf0
```
#6dcbf0 rgb(109,203,240)
```
#7ed1f2
```
#7ed1f2 rgb(126,209,242)
```
#90d8f3
```
#90d8f3 rgb(144,216,243)
```
#a2def5
```
#a2def5 rgb(162,222,245)
```
#b4e4f7
```
#b4e4f7 rgb(180,228,247)
```
#c5eaf9
```
#c5eaf9 rgb(197,234,249)
```
#d7f1fb
```
#d7f1fb rgb(215,241,251)
```
#e9f7fd
```
#e9f7fd rgb(233,247,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656b6e is the less saturated color, while #0496cf is the most saturated one.

#656b6e
```
#656b6e rgb(101,107,110)
```
#5d6f76
```
#5d6f76 rgb(93,111,118)
```
#55737e
```
#55737e rgb(85,115,126)
```
#4d7686
```
#4d7686 rgb(77,118,134)
```
#457a8e
```
#457a8e rgb(69,122,142)
```
#3d7d96
```
#3d7d96 rgb(61,125,150)
```
#34819f
```
#34819f rgb(52,129,159)
```
#2c84a7
```
#2c84a7 rgb(44,132,167)
```
#2488af
```
#2488af rgb(36,136,175)
```
#1c8bb7
```
#1c8bb7 rgb(28,139,183)
```
#148fbf
```
#148fbf rgb(20,143,191)
```
#0c93c7
```
#0c93c7 rgb(12,147,199)
```
#0496cf
```
#0496cf rgb(4,150,207)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5e7680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c89ba Protanopia 1% of men
#708ac6 Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#568bbc Protanomaly 1% of men, 0.01% of women
#4e8cc3 Deuteranomaly 6% of men, 0.4% of women
#0795ad Tritanomaly 0.01% of the population

#148fbf hex color

#148fbf Color Information

#148fbf Color Conversion

Color Schemes with #148fbf

Alternatives to #148fbf

#148fbf Preview

Shades and Tints of #148fbf

Tones of #148fbf

Color Blindness Simulator