#148abf hex color

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

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

● #148abf color description : Strong blue.

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

Hex triplet	148abf	`#148abf`
RGB Decimal	20, 138, 191	`rgb(20,138,191)`
RGB Percent	7.8, 54.1, 74.9	`rgb(7.8%,54.1%,74.9%)`
CMYK	90, 28, 0, 25
HSL	198.6°, 81, 41.4	`hsl(198.6,81%,41.4%)`
HSV (or HSB)	198.6°, 89.5, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.118, -11.018, -35.998
XYZ	18.779, 22.085, 52.561
xyY	0.201, 0.236, 22.085
CIE-LCH	54.118, 37.646, 252.983
CIE-LUV	54.118, -35.108, -54.073
Hunter-Lab	46.995, -10.916, -33.415
Binary	00010100, 10001010, 10111111

#148abf
```
#148abf rgb(20,138,191)
```
#bf4914
```
#bf4914 rgb(191,73,20)
```

Complementary Color

#14bf9f
```
#14bf9f rgb(20,191,159)
```
#148abf
```
#148abf rgb(20,138,191)
```
#1434bf
```
#1434bf rgb(20,52,191)
```

Analogous Color

#bf9f14
```
#bf9f14 rgb(191,159,20)
```
#148abf
```
#148abf rgb(20,138,191)
```
#bf1434
```
#bf1434 rgb(191,20,52)
```

Split Complementary Color

#8abf14
```
#8abf14 rgb(138,191,20)
```
#148abf
```
#148abf rgb(20,138,191)
```
#bf148a
```
#bf148a rgb(191,20,138)
```

Triadic Color

#14bf49
```
#14bf49 rgb(20,191,73)
```
#148abf
```
#148abf rgb(20,138,191)
```
#bf148a
```
#bf148a rgb(191,20,138)
```
#bf4914
```
#bf4914 rgb(191,73,20)
```

Tetradic Color

#0d587a
```
#0d587a rgb(13,88,122)
```
#0f6991
```
#0f6991 rgb(15,105,145)
```
#1279a8
```
#1279a8 rgb(18,121,168)
```
#148abf
```
#148abf rgb(20,138,191)
```
#169bd6
```
#169bd6 rgb(22,155,214)
```
#1fa9e7
```
#1fa9e7 rgb(31,169,231)
```
#36b2ea
```
#36b2ea rgb(54,178,234)
```

Monochromatic Color

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

#14b5bf
```
#14b5bf rgb(20,181,191)
```
#14a7bf
```
#14a7bf rgb(20,167,191)
```
#1498bf
```
#1498bf rgb(20,152,191)
```
#148abf
```
#148abf rgb(20,138,191)
```
#147cbf
```
#147cbf rgb(20,124,191)
```
#146ebf
```
#146ebf rgb(20,110,191)
```
#145fbf
```
#145fbf rgb(20,95,191)
```

Similar Colors

Text with hexadecimal color #148abf

This text has a font color of #148abf.

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

#148abf background color

This paragraph has a background color of #148abf.

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

#148abf border color

This element has a border color of #148abf.

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

CSS codes

.text {color:#148abf;}

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

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

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)
```
#052331
```
#052331 rgb(5,35,49)
```
#073043
```
#073043 rgb(7,48,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)
```
#10709b
```
#10709b rgb(16,112,155)
```
#127dad
```
#127dad rgb(18,125,173)
```
#148abf
```
#148abf rgb(20,138,191)
```
#1697d1
```
#1697d1 rgb(22,151,209)
```
#18a4e3
```
#18a4e3 rgb(24,164,227)
```

Shade Color Variation

#26ace8
```
#26ace8 rgb(38,172,232)
```
#37b3ea
```
#37b3ea rgb(55,179,234)
```
#49b9ec
```
#49b9ec rgb(73,185,236)
```
#5bc0ee
```
#5bc0ee rgb(91,192,238)
```
#6dc7f0
```
#6dc7f0 rgb(109,199,240)
```
#7ecef2
```
#7ecef2 rgb(126,206,242)
```
#90d5f3
```
#90d5f3 rgb(144,213,243)
```
#a2dbf5
```
#a2dbf5 rgb(162,219,245)
```
#b4e2f7
```
#b4e2f7 rgb(180,226,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 #0490cf is the most saturated one.

#656b6e
```
#656b6e rgb(101,107,110)
```
#5d6e76
```
#5d6e76 rgb(93,110,118)
```
#55717e
```
#55717e rgb(85,113,126)
```
#4d7486
```
#4d7486 rgb(77,116,134)
```
#45778e
```
#45778e rgb(69,119,142)
```
#3d7b96
```
#3d7b96 rgb(61,123,150)
```
#347e9f
```
#347e9f rgb(52,126,159)
```
#2c81a7
```
#2c81a7 rgb(44,129,167)
```
#2484af
```
#2484af rgb(36,132,175)
```
#1c87b7
```
#1c87b7 rgb(28,135,183)
```
#148abf
```
#148abf rgb(20,138,191)
```
#0c8dc7
```
#0c8dc7 rgb(12,141,199)
```
#0490cf
```
#0490cf rgb(4,144,207)
```

Tone Color Variation

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

#7686bb Protanopia 1% of men
#6887c5 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#5287bc Protanomaly 1% of men, 0.01% of women
#4988c3 Deuteranomaly 6% of men, 0.4% of women
#0791aa Tritanomaly 0.01% of the population

#148abf hex color

#148abf Color Information

#148abf Color Conversion

Color Schemes with #148abf

Alternatives to #148abf

#148abf Preview

Shades and Tints of #148abf

Tones of #148abf

Color Blindness Simulator