#148bbf hex color

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

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

● #148bbf color description : Strong blue.

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

Hex triplet	148bbf	`#148bbf`
RGB Decimal	20, 139, 191	`rgb(20,139,191)`
RGB Percent	7.8, 54.5, 74.9	`rgb(7.8%,54.5%,74.9%)`
CMYK	90, 27, 0, 25
HSL	198.2°, 81, 41.4	`hsl(198.2,81%,41.4%)`
HSV (or HSB)	198.2°, 89.5, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.421, -11.584, -35.522
XYZ	18.923, 22.374, 52.609
xyY	0.202, 0.238, 22.374
CIE-LCH	54.421, 37.363, 251.939
CIE-LUV	54.421, -35.451, -53.287
Hunter-Lab	47.301, -11.368, -32.832
Binary	00010100, 10001011, 10111111

#148bbf
```
#148bbf rgb(20,139,191)
```
#bf4814
```
#bf4814 rgb(191,72,20)
```

Complementary Color

#14bf9e
```
#14bf9e rgb(20,191,158)
```
#148bbf
```
#148bbf rgb(20,139,191)
```
#1435bf
```
#1435bf rgb(20,53,191)
```

Analogous Color

#bf9e14
```
#bf9e14 rgb(191,158,20)
```
#148bbf
```
#148bbf rgb(20,139,191)
```
#bf1435
```
#bf1435 rgb(191,20,53)
```

Split Complementary Color

#8bbf14
```
#8bbf14 rgb(139,191,20)
```
#148bbf
```
#148bbf rgb(20,139,191)
```
#bf148b
```
#bf148b rgb(191,20,139)
```

Triadic Color

#14bf48
```
#14bf48 rgb(20,191,72)
```
#148bbf
```
#148bbf rgb(20,139,191)
```
#bf148b
```
#bf148b rgb(191,20,139)
```
#bf4814
```
#bf4814 rgb(191,72,20)
```

Tetradic Color

#0d597a
```
#0d597a rgb(13,89,122)
```
#0f6991
```
#0f6991 rgb(15,105,145)
```
#127aa8
```
#127aa8 rgb(18,122,168)
```
#148bbf
```
#148bbf rgb(20,139,191)
```
#169cd6
```
#169cd6 rgb(22,156,214)
```
#1faae7
```
#1faae7 rgb(31,170,231)
```
#36b3ea
```
#36b3ea rgb(54,179,234)
```

Monochromatic Color

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

#14b6bf
```
#14b6bf rgb(20,182,191)
```
#14a8bf
```
#14a8bf rgb(20,168,191)
```
#1499bf
```
#1499bf rgb(20,153,191)
```
#148bbf
```
#148bbf rgb(20,139,191)
```
#147dbf
```
#147dbf rgb(20,125,191)
```
#146fbf
```
#146fbf rgb(20,111,191)
```
#1460bf
```
#1460bf rgb(20,96,191)
```

Similar Colors

Text with hexadecimal color #148bbf

This text has a font color of #148bbf.

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

#148bbf background color

This paragraph has a background color of #148bbf.

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

#148bbf border color

This element has a border color of #148bbf.

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

CSS codes

.text {color:#148bbf;}

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

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

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)
```
#052431
```
#052431 rgb(5,36,49)
```
#073143
```
#073143 rgb(7,49,67)
```
#093d54
```
#093d54 rgb(9,61,84)
```
#0b4a66
```
#0b4a66 rgb(11,74,102)
```
#0d5778
```
#0d5778 rgb(13,87,120)
```
#0e648a
```
#0e648a rgb(14,100,138)
```
#10719b
```
#10719b rgb(16,113,155)
```
#127ead
```
#127ead rgb(18,126,173)
```
#148bbf
```
#148bbf rgb(20,139,191)
```
#1698d1
```
#1698d1 rgb(22,152,209)
```
#18a5e3
```
#18a5e3 rgb(24,165,227)
```

Shade Color Variation

#26ade8
```
#26ade8 rgb(38,173,232)
```
#37b4ea
```
#37b4ea rgb(55,180,234)
```
#49baec
```
#49baec rgb(73,186,236)
```
#5bc1ee
```
#5bc1ee rgb(91,193,238)
```
#6dc8f0
```
#6dc8f0 rgb(109,200,240)
```
#7ecff2
```
#7ecff2 rgb(126,207,242)
```
#90d5f3
```
#90d5f3 rgb(144,213,243)
```
#a2dcf5
```
#a2dcf5 rgb(162,220,245)
```
#b4e3f7
```
#b4e3f7 rgb(180,227,247)
```
#c5e9f9
```
#c5e9f9 rgb(197,233,249)
```
#d7f0fb
```
#d7f0fb rgb(215,240,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 #0491cf is the most saturated one.

#656b6e
```
#656b6e rgb(101,107,110)
```
#5d6e76
```
#5d6e76 rgb(93,110,118)
```
#55727e
```
#55727e rgb(85,114,126)
```
#4d7586
```
#4d7586 rgb(77,117,134)
```
#45788e
```
#45788e rgb(69,120,142)
```
#3d7b96
```
#3d7b96 rgb(61,123,150)
```
#347e9f
```
#347e9f rgb(52,126,159)
```
#2c81a7
```
#2c81a7 rgb(44,129,167)
```
#2485af
```
#2485af rgb(36,133,175)
```
#1c88b7
```
#1c88b7 rgb(28,136,183)
```
#148bbf
```
#148bbf rgb(20,139,191)
```
#0c8ec7
```
#0c8ec7 rgb(12,142,199)
```
#0491cf
```
#0491cf rgb(4,145,207)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5b737d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7786bb Protanopia 1% of men
#6988c6 Deuteranopia 1% of men
#0095a0 Tritanopia 0.001% of the population

Trichromacy

#5388bc Protanomaly 1% of men, 0.01% of women
#4a89c3 Deuteranomaly 6% of men, 0.4% of women
#0791ab Tritanomaly 0.01% of the population

#148bbf hex color

#148bbf Color Information

#148bbf Color Conversion

Color Schemes with #148bbf

Alternatives to #148bbf

#148bbf Preview

Shades and Tints of #148bbf

Tones of #148bbf

Color Blindness Simulator