#148bb2 hex color

In a RGB color space, hex #148bb2 is composed of 7.8% red, 54.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 21.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 194.8 degrees, a saturation of 79.8% and a lightness of 38.8%. #148bb2 color hex could be obtained by blending #28ffff with #001765. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 8
- G 55
- B 70
RGB color chart
- C 89
- M 22
- Y 0
- K 30
CMYK color chart

● #148bb2 color description : Dark cyan.

The hexadecimal color #148bb2 has RGB values of R:20, G:139, B:178 and CMYK values of C:0.89, M:0.22, Y:0, K:0.3. Its decimal value is 1346482.

Hex triplet	148bb2	`#148bb2`
RGB Decimal	20, 139, 178	`rgb(20,139,178)`
RGB Percent	7.8, 54.5, 69.8	`rgb(7.8%,54.5%,69.8%)`
CMYK	89, 22, 0, 30
HSL	194.8°, 79.8, 38.8	`hsl(194.8,79.8%,38.8%)`
HSV (or HSB)	194.8°, 88.8, 69.8
Web Safe	009999	`#009999`

CIE-LAB	53.843, -16.3, -29.002
XYZ	17.555, 21.827, 45.405
xyY	0.207, 0.257, 21.827
CIE-LCH	53.843, 33.269, 240.662
CIE-LUV	53.843, -36.331, -42.054
Hunter-Lab	46.719, -14.686, -24.919
Binary	00010100, 10001011, 10110010

#148bb2
```
#148bb2 rgb(20,139,178)
```
#b23b14
```
#b23b14 rgb(178,59,20)
```

Complementary Color

#14b28a
```
#14b28a rgb(20,178,138)
```
#148bb2
```
#148bb2 rgb(20,139,178)
```
#143cb2
```
#143cb2 rgb(20,60,178)
```

Analogous Color

#b28a14
```
#b28a14 rgb(178,138,20)
```
#148bb2
```
#148bb2 rgb(20,139,178)
```
#b2143c
```
#b2143c rgb(178,20,60)
```

Split Complementary Color

#8bb214
```
#8bb214 rgb(139,178,20)
```
#148bb2
```
#148bb2 rgb(20,139,178)
```
#b2148b
```
#b2148b rgb(178,20,139)
```

Triadic Color

#14b23b
```
#14b23b rgb(20,178,59)
```
#148bb2
```
#148bb2 rgb(20,139,178)
```
#b2148b
```
#b2148b rgb(178,20,139)
```
#b23b14
```
#b23b14 rgb(178,59,20)
```

Tetradic Color

#0c556d
```
#0c556d rgb(12,85,109)
```
#0f6784
```
#0f6784 rgb(15,103,132)
```
#11799b
```
#11799b rgb(17,121,155)
```
#148bb2
```
#148bb2 rgb(20,139,178)
```
#179dc9
```
#179dc9 rgb(23,157,201)
```
#19afe0
```
#19afe0 rgb(25,175,224)
```
#2bb9e7
```
#2bb9e7 rgb(43,185,231)
```

Monochromatic Color

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

#14b2b2
```
#14b2b2 rgb(20,178,178)
```
#14a5b2
```
#14a5b2 rgb(20,165,178)
```
#1498b2
```
#1498b2 rgb(20,152,178)
```
#148bb2
```
#148bb2 rgb(20,139,178)
```
#147eb2
```
#147eb2 rgb(20,126,178)
```
#1471b2
```
#1471b2 rgb(20,113,178)
```
#1464b2
```
#1464b2 rgb(20,100,178)
```

Similar Colors

Text with hexadecimal color #148bb2

This text has a font color of #148bb2.

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

#148bb2 background color

This paragraph has a background color of #148bb2.

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

#148bb2 border color

This element has a border color of #148bb2.

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

CSS codes

.text {color:#148bb2;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020f13
```
#020f13 rgb(2,15,19)
```
#041d25
```
#041d25 rgb(4,29,37)
```
#062b37
```
#062b37 rgb(6,43,55)
```
#083848
```
#083848 rgb(8,56,72)
```
#0a465a
```
#0a465a rgb(10,70,90)
```
#0c546b
```
#0c546b rgb(12,84,107)
```
#0e627d
```
#0e627d rgb(14,98,125)
```
#106f8f
```
#106f8f rgb(16,111,143)
```
#127da0
```
#127da0 rgb(18,125,160)
```
#148bb2
```
#148bb2 rgb(20,139,178)
```
#1699c4
```
#1699c4 rgb(22,153,196)
```
#18a7d5
```
#18a7d5 rgb(24,167,213)
```

Shade Color Variation

#1bb4e5
```
#1bb4e5 rgb(27,180,229)
```
#2db9e7
```
#2db9e7 rgb(45,185,231)
```
#3fbfe9
```
#3fbfe9 rgb(63,191,233)
```
#50c5eb
```
#50c5eb rgb(80,197,235)
```
#62cbed
```
#62cbed rgb(98,203,237)
```
#74d1ef
```
#74d1ef rgb(116,209,239)
```
#85d7f1
```
#85d7f1 rgb(133,215,241)
```
#97dcf3
```
#97dcf3 rgb(151,220,243)
```
#a8e2f5
```
#a8e2f5 rgb(168,226,245)
```
#bae8f7
```
#bae8f7 rgb(186,232,247)
```
#cceef9
```
#cceef9 rgb(204,238,249)
```
#ddf4fb
```
#ddf4fb rgb(221,244,251)
```
#effafd
```
#effafd rgb(239,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606466 is the less saturated color, while #0593c1 is the most saturated one.

#606466
```
#606466 rgb(96,100,102)
```
#59686d
```
#59686d rgb(89,104,109)
```
#516c75
```
#516c75 rgb(81,108,117)
```
#49707d
```
#49707d rgb(73,112,125)
```
#427484
```
#427484 rgb(66,116,132)
```
#3a788c
```
#3a788c rgb(58,120,140)
```
#327c94
```
#327c94 rgb(50,124,148)
```
#2b7f9b
```
#2b7f9b rgb(43,127,155)
```
#2383a3
```
#2383a3 rgb(35,131,163)
```
#1c87aa
```
#1c87aa rgb(28,135,170)
```
#148bb2
```
#148bb2 rgb(20,139,178)
```
#0c8fba
```
#0c8fba rgb(12,143,186)
```
#0593c1
```
#0593c1 rgb(5,147,193)
```

Tone Color Variation

Below, you can see how #148bb2 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
#5a727a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b85ae Protanopia 1% of men
#7286ba Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#5587af Protanomaly 1% of men, 0.01% of women
#5087b7 Deuteranomaly 6% of men, 0.4% of women
#0790a5 Tritanomaly 0.01% of the population

#148bb2 hex color

#148bb2 Color Information

#148bb2 Color Conversion

Color Schemes with #148bb2

Alternatives to #148bb2

#148bb2 Preview

Shades and Tints of #148bb2

Tones of #148bb2

Color Blindness Simulator