#148abb hex color

In a RGB color space, hex #148abb is composed of 7.8% red, 54.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 26.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 197.6 degrees, a saturation of 80.7% and a lightness of 40.6%. #148abb color hex could be obtained by blending #28ffff with #001577. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 54
- B 73
RGB color chart
- C 89
- M 26
- Y 0
- K 27
CMYK color chart

● #148abb color description : Strong blue.

The hexadecimal color #148abb has RGB values of R:20, G:138, B:187 and CMYK values of C:0.89, M:0.26, Y:0, K:0.27. Its decimal value is 1346235.

Hex triplet	148abb	`#148abb`
RGB Decimal	20, 138, 187	`rgb(20,138,187)`
RGB Percent	7.8, 54.1, 73.3	`rgb(7.8%,54.1%,73.3%)`
CMYK	89, 26, 0, 27
HSL	197.6°, 80.7, 40.6	`hsl(197.6,80.7%,40.6%)`
HSV (or HSB)	197.6°, 89.3, 73.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	53.933, -12.486, -34.006
XYZ	18.344, 21.912, 50.274
xyY	0.203, 0.242, 21.912
CIE-LCH	53.933, 36.226, 249.839
CIE-LUV	53.933, -35.372, -50.632
Hunter-Lab	46.81, -11.965, -30.91
Binary	00010100, 10001010, 10111011

#148abb
```
#148abb rgb(20,138,187)
```
#bb4514
```
#bb4514 rgb(187,69,20)
```

Complementary Color

#14bb99
```
#14bb99 rgb(20,187,153)
```
#148abb
```
#148abb rgb(20,138,187)
```
#1437bb
```
#1437bb rgb(20,55,187)
```

Analogous Color

#bb9914
```
#bb9914 rgb(187,153,20)
```
#148abb
```
#148abb rgb(20,138,187)
```
#bb1437
```
#bb1437 rgb(187,20,55)
```

Split Complementary Color

#8abb14
```
#8abb14 rgb(138,187,20)
```
#148abb
```
#148abb rgb(20,138,187)
```
#bb148a
```
#bb148a rgb(187,20,138)
```

Triadic Color

#14bb45
```
#14bb45 rgb(20,187,69)
```
#148abb
```
#148abb rgb(20,138,187)
```
#bb148a
```
#bb148a rgb(187,20,138)
```
#bb4514
```
#bb4514 rgb(187,69,20)
```

Tetradic Color

#0d5776
```
#0d5776 rgb(13,87,118)
```
#0f688d
```
#0f688d rgb(15,104,141)
```
#1279a4
```
#1279a4 rgb(18,121,164)
```
#148abb
```
#148abb rgb(20,138,187)
```
#169bd2
```
#169bd2 rgb(22,155,210)
```
#1babe7
```
#1babe7 rgb(27,171,231)
```
#32b4e9
```
#32b4e9 rgb(50,180,233)
```

Monochromatic Color

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

#14b4bb
```
#14b4bb rgb(20,180,187)
```
#14a6bb
```
#14a6bb rgb(20,166,187)
```
#1498bb
```
#1498bb rgb(20,152,187)
```
#148abb
```
#148abb rgb(20,138,187)
```
#147cbb
```
#147cbb rgb(20,124,187)
```
#146ebb
```
#146ebb rgb(20,110,187)
```
#1460bb
```
#1460bb rgb(20,96,187)
```

Similar Colors

Text with hexadecimal color #148abb

This text has a font color of #148abb.

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

#148abb background color

This paragraph has a background color of #148abb.

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

#148abb border color

This element has a border color of #148abb.

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

CSS codes

.text {color:#148abb;}

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

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

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, #01070a is the darkest color, while #f7fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#03141c
```
#03141c rgb(3,20,28)
```
#05212d
```
#05212d rgb(5,33,45)
```
#072e3f
```
#072e3f rgb(7,46,63)
```
#093c51
```
#093c51 rgb(9,60,81)
```
#0b4962
```
#0b4962 rgb(11,73,98)
```
#0c5674
```
#0c5674 rgb(12,86,116)
```
#0e6386
```
#0e6386 rgb(14,99,134)
```
#107098
```
#107098 rgb(16,112,152)
```
#127da9
```
#127da9 rgb(18,125,169)
```
#148abb
```
#148abb rgb(20,138,187)
```
#1697cd
```
#1697cd rgb(22,151,205)
```
#18a4de
```
#18a4de rgb(24,164,222)
```

Shade Color Variation

#22aee7
```
#22aee7 rgb(34,174,231)
```
#34b4e9
```
#34b4e9 rgb(52,180,233)
```
#46bbeb
```
#46bbeb rgb(70,187,235)
```
#58c1ed
```
#58c1ed rgb(88,193,237)
```
#69c8ef
```
#69c8ef rgb(105,200,239)
```
#7bcef1
```
#7bcef1 rgb(123,206,241)
```
#8dd5f3
```
#8dd5f3 rgb(141,213,243)
```
#9edbf5
```
#9edbf5 rgb(158,219,245)
```
#b0e2f7
```
#b0e2f7 rgb(176,226,247)
```
#c2e8f8
```
#c2e8f8 rgb(194,232,248)
```
#d4effa
```
#d4effa rgb(212,239,250)
```
#e5f6fc
```
#e5f6fc rgb(229,246,252)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64696b is the less saturated color, while #0491cb is the most saturated one.

#64696b
```
#64696b rgb(100,105,107)
```
#5c6c73
```
#5c6c73 rgb(92,108,115)
```
#54707b
```
#54707b rgb(84,112,123)
```
#4c7383
```
#4c7383 rgb(76,115,131)
```
#44768b
```
#44768b rgb(68,118,139)
```
#3c7a93
```
#3c7a93 rgb(60,122,147)
```
#347d9b
```
#347d9b rgb(52,125,155)
```
#2c80a3
```
#2c80a3 rgb(44,128,163)
```
#2483ab
```
#2483ab rgb(36,131,171)
```
#1c87b3
```
#1c87b3 rgb(28,135,179)
```
#148abb
```
#148abb rgb(20,138,187)
```
#0c8dc3
```
#0c8dc3 rgb(12,141,195)
```
#0491cb
```
#0491cb rgb(4,145,203)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5a727c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7785b7 Protanopia 1% of men
#6b86c2 Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#5387b8 Protanomaly 1% of men, 0.01% of women
#4b87bf Deuteranomaly 6% of men, 0.4% of women
#0790a9 Tritanomaly 0.01% of the population

#148abb hex color

#148abb Color Information

#148abb Color Conversion

Color Schemes with #148abb

Alternatives to #148abb

#148abb Preview

Shades and Tints of #148abb

Tones of #148abb

Color Blindness Simulator