#148ea5 hex color

In a RGB color space, hex #148ea5 is composed of 7.8% red, 55.7% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 87.9% cyan, 13.9% magenta, 0% yellow and 35.3% black. It has a hue angle of 189.5 degrees, a saturation of 78.4% and a lightness of 36.3%. #148ea5 color hex could be obtained by blending #28ffff with #001d4b. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 8
- G 56
- B 65
RGB color chart
- C 88
- M 14
- Y 0
- K 35
CMYK color chart

● #148ea5 color description : Dark cyan.

The hexadecimal color #148ea5 has RGB values of R:20, G:142, B:165 and CMYK values of C:0.88, M:0.14, Y:0, K:0.35. Its decimal value is 1347237.

Hex triplet	148ea5	`#148ea5`
RGB Decimal	20, 142, 165	`rgb(20,142,165)`
RGB Percent	7.8, 55.7, 64.7	`rgb(7.8%,55.7%,64.7%)`
CMYK	88, 14, 0, 35
HSL	189.5°, 78.4, 36.3	`hsl(189.5,78.4%,36.3%)`
HSV (or HSB)	189.5°, 87.9, 64.7
Web Safe	009999	`#009999`

CIE-LAB	54.249, -22.465, -20.916
XYZ	16.751, 22.21, 38.999
xyY	0.215, 0.285, 22.21
CIE-LCH	54.249, 30.695, 222.955
CIE-LUV	54.249, -38.315, -28.361
Hunter-Lab	47.127, -19.026, -16.075
Binary	00010100, 10001110, 10100101

#148ea5
```
#148ea5 rgb(20,142,165)
```
#a52b14
```
#a52b14 rgb(165,43,20)
```

Complementary Color

#14a574
```
#14a574 rgb(20,165,116)
```
#148ea5
```
#148ea5 rgb(20,142,165)
```
#1446a5
```
#1446a5 rgb(20,70,165)
```

Analogous Color

#a57414
```
#a57414 rgb(165,116,20)
```
#148ea5
```
#148ea5 rgb(20,142,165)
```
#a51445
```
#a51445 rgb(165,20,69)
```

Split Complementary Color

#8ea514
```
#8ea514 rgb(142,165,20)
```
#148ea5
```
#148ea5 rgb(20,142,165)
```
#a5148e
```
#a5148e rgb(165,20,142)
```

Triadic Color

#14a52b
```
#14a52b rgb(20,165,43)
```
#148ea5
```
#148ea5 rgb(20,142,165)
```
#a5148e
```
#a5148e rgb(165,20,142)
```
#a52b14
```
#a52b14 rgb(165,43,20)
```

Tetradic Color

#0c5361
```
#0c5361 rgb(12,83,97)
```
#0e6778
```
#0e6778 rgb(14,103,120)
```
#117a8e
```
#117a8e rgb(17,122,142)
```
#148ea5
```
#148ea5 rgb(20,142,165)
```
#17a2bc
```
#17a2bc rgb(23,162,188)
```
#1ab5d2
```
#1ab5d2 rgb(26,181,210)
```
#21c5e4
```
#21c5e4 rgb(33,197,228)
```

Monochromatic Color

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

#14a598
```
#14a598 rgb(20,165,152)
```
#14a5a4
```
#14a5a4 rgb(20,165,164)
```
#149aa5
```
#149aa5 rgb(20,154,165)
```
#148ea5
```
#148ea5 rgb(20,142,165)
```
#1482a5
```
#1482a5 rgb(20,130,165)
```
#1476a5
```
#1476a5 rgb(20,118,165)
```
#146aa5
```
#146aa5 rgb(20,106,165)
```

Similar Colors

Text with hexadecimal color #148ea5

This text has a font color of #148ea5.

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

#148ea5 background color

This paragraph has a background color of #148ea5.

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

#148ea5 border color

This element has a border color of #148ea5.

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

CSS codes

.text {color:#148ea5;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#031619
```
#031619 rgb(3,22,25)
```
#05252b
```
#05252b rgb(5,37,43)
```
#07343c
```
#07343c rgb(7,52,60)
```
#09434e
```
#09434e rgb(9,67,78)
```
#0c525f
```
#0c525f rgb(12,82,95)
```
#0e6171
```
#0e6171 rgb(14,97,113)
```
#107082
```
#107082 rgb(16,112,130)
```
#127f94
```
#127f94 rgb(18,127,148)
```
#148ea5
```
#148ea5 rgb(20,142,165)
```
#169db6
```
#169db6 rgb(22,157,182)
```
#18acc8
```
#18acc8 rgb(24,172,200)
```
#1abbd9
```
#1abbd9 rgb(26,187,217)
```

Shade Color Variation

#23c6e4
```
#23c6e4 rgb(35,198,228)
```
#35cae6
```
#35cae6 rgb(53,202,230)
```
#46cfe9
```
#46cfe9 rgb(70,207,233)
```
#58d3eb
```
#58d3eb rgb(88,211,235)
```
#69d8ed
```
#69d8ed rgb(105,216,237)
```
#7bdcef
```
#7bdcef rgb(123,220,239)
```
#8ce1f1
```
#8ce1f1 rgb(140,225,241)
```
#9ee6f3
```
#9ee6f3 rgb(158,230,243)
```
#afeaf5
```
#afeaf5 rgb(175,234,245)
```
#c1eff7
```
#c1eff7 rgb(193,239,247)
```
#d2f3fa
```
#d2f3fa rgb(210,243,250)
```
#e4f8fc
```
#e4f8fc rgb(228,248,252)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5d5e is the less saturated color, while #0698b3 is the most saturated one.

#5b5d5e
```
#5b5d5e rgb(91,93,94)
```
#546265
```
#546265 rgb(84,98,101)
```
#4d676c
```
#4d676c rgb(77,103,108)
```
#466c73
```
#466c73 rgb(70,108,115)
```
#3f717a
```
#3f717a rgb(63,113,122)
```
#387681
```
#387681 rgb(56,118,129)
```
#307b89
```
#307b89 rgb(48,123,137)
```
#297f90
```
#297f90 rgb(41,127,144)
```
#228497
```
#228497 rgb(34,132,151)
```
#1b899e
```
#1b899e rgb(27,137,158)
```
#148ea5
```
#148ea5 rgb(20,142,165)
```
#0d93ac
```
#0d93ac rgb(13,147,172)
```
#0698b3
```
#0698b3 rgb(6,152,179)
```

Tone Color Variation

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

Dichromacy

#8287a1 Protanopia 1% of men
#7e86af Deuteranopia 1% of men
#0095a0 Tritanopia 0.001% of the population

Trichromacy

#5a89a2 Protanomaly 1% of men, 0.01% of women
#5789ab Deuteranomaly 6% of men, 0.4% of women
#0792a2 Tritanomaly 0.01% of the population

#148ea5 hex color

#148ea5 Color Information

#148ea5 Color Conversion

Color Schemes with #148ea5

Alternatives to #148ea5

#148ea5 Preview

Shades and Tints of #148ea5

Tones of #148ea5

Color Blindness Simulator