#148e9d hex color

In a RGB color space, hex #148e9d is composed of 7.8% red, 55.7% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 9.6% magenta, 0% yellow and 38.4% black. It has a hue angle of 186.6 degrees, a saturation of 77.4% and a lightness of 34.7%. #148e9d color hex could be obtained by blending #28ffff with #001d3b. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 8
- G 56
- B 62
RGB color chart
- C 87
- M 10
- Y 0
- K 38
CMYK color chart

● #148e9d color description : Dark cyan.

The hexadecimal color #148e9d has RGB values of R:20, G:142, B:157 and CMYK values of C:0.87, M:0.1, Y:0, K:0.38. Its decimal value is 1347229.

Hex triplet	148e9d	`#148e9d`
RGB Decimal	20, 142, 157	`rgb(20,142,157)`
RGB Percent	7.8, 55.7, 61.6	`rgb(7.8%,55.7%,61.6%)`
CMYK	87, 10, 0, 38
HSL	186.6°, 77.4, 34.7	`hsl(186.6,77.4%,34.7%)`
HSV (or HSB)	186.6°, 87.3, 61.6
Web Safe	009999	`#009999`

CIE-LAB	53.95, -25.17, -16.769
XYZ	16.046, 21.927, 35.283
xyY	0.219, 0.299, 21.927
CIE-LCH	53.95, 30.244, 213.673
CIE-LUV	53.95, -38.903, -21.442
Hunter-Lab	46.827, -20.783, -11.895
Binary	00010100, 10001110, 10011101

#148e9d
```
#148e9d rgb(20,142,157)
```
#9d2314
```
#9d2314 rgb(157,35,20)
```

Complementary Color

#149d68
```
#149d68 rgb(20,157,104)
```
#148e9d
```
#148e9d rgb(20,142,157)
```
#144a9d
```
#144a9d rgb(20,74,157)
```

Analogous Color

#9d6814
```
#9d6814 rgb(157,104,20)
```
#148e9d
```
#148e9d rgb(20,142,157)
```
#9d144a
```
#9d144a rgb(157,20,74)
```

Split Complementary Color

#8e9d14
```
#8e9d14 rgb(142,157,20)
```
#148e9d
```
#148e9d rgb(20,142,157)
```
#9d148e
```
#9d148e rgb(157,20,142)
```

Triadic Color

#149d23
```
#149d23 rgb(20,157,35)
```
#148e9d
```
#148e9d rgb(20,142,157)
```
#9d148e
```
#9d148e rgb(157,20,142)
```
#9d2314
```
#9d2314 rgb(157,35,20)
```

Tetradic Color

#0b5159
```
#0b5159 rgb(11,81,89)
```
#0e6570
```
#0e6570 rgb(14,101,112)
```
#117a86
```
#117a86 rgb(17,122,134)
```
#148e9d
```
#148e9d rgb(20,142,157)
```
#17a2b4
```
#17a2b4 rgb(23,162,180)
```
#1ab7ca
```
#1ab7ca rgb(26,183,202)
```
#1dcbe1
```
#1dcbe1 rgb(29,203,225)
```

Monochromatic Color

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

#149d8a
```
#149d8a rgb(20,157,138)
```
#149d95
```
#149d95 rgb(20,157,149)
```
#14999d
```
#14999d rgb(20,153,157)
```
#148e9d
```
#148e9d rgb(20,142,157)
```
#14839d
```
#14839d rgb(20,131,157)
```
#14779d
```
#14779d rgb(20,119,157)
```
#146c9d
```
#146c9d rgb(20,108,157)
```

Similar Colors

Text with hexadecimal color #148e9d

This text has a font color of #148e9d.

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

#148e9d background color

This paragraph has a background color of #148e9d.

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

#148e9d border color

This element has a border color of #148e9d.

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

CSS codes

.text {color:#148e9d;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#021012
```
#021012 rgb(2,16,18)
```
#042023
```
#042023 rgb(4,32,35)
```
#073035
```
#073035 rgb(7,48,53)
```
#093f46
```
#093f46 rgb(9,63,70)
```
#0b4f57
```
#0b4f57 rgb(11,79,87)
```
#0d5f69
```
#0d5f69 rgb(13,95,105)
```
#106f7a
```
#106f7a rgb(16,111,122)
```
#127e8c
```
#127e8c rgb(18,126,140)
```
#148e9d
```
#148e9d rgb(20,142,157)
```
#169eae
```
#169eae rgb(22,158,174)
```
#18adc0
```
#18adc0 rgb(24,173,192)
```
#1bbdd1
```
#1bbdd1 rgb(27,189,209)
```

Shade Color Variation

#1dcde2
```
#1dcde2 rgb(29,205,226)
```
#2fd1e4
```
#2fd1e4 rgb(47,209,228)
```
#40d4e7
```
#40d4e7 rgb(64,212,231)
```
#51d8e9
```
#51d8e9 rgb(81,216,233)
```
#63dceb
```
#63dceb rgb(99,220,235)
```
#74e0ed
```
#74e0ed rgb(116,224,237)
```
#86e4f0
```
#86e4f0 rgb(134,228,240)
```
#97e8f2
```
#97e8f2 rgb(151,232,242)
```
#a8ecf4
```
#a8ecf4 rgb(168,236,244)
```
#baf0f6
```
#baf0f6 rgb(186,240,246)
```
#cbf3f8
```
#cbf3f8 rgb(203,243,248)
```
#ddf7fb
```
#ddf7fb rgb(221,247,251)
```
#eefbfd
```
#eefbfd rgb(238,251,253)
```

Tint Color Variation

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

#585959
```
#585959 rgb(88,89,89)
```
#515e60
```
#515e60 rgb(81,94,96)
```
#4a6367
```
#4a6367 rgb(74,99,103)
```
#44696d
```
#44696d rgb(68,105,109)
```
#3d6e74
```
#3d6e74 rgb(61,110,116)
```
#36737b
```
#36737b rgb(54,115,123)
```
#2f7982
```
#2f7982 rgb(47,121,130)
```
#287e89
```
#287e89 rgb(40,126,137)
```
#22838f
```
#22838f rgb(34,131,143)
```
#1b8996
```
#1b8996 rgb(27,137,150)
```
#148e9d
```
#148e9d rgb(20,142,157)
```
#0d93a4
```
#0d93a4 rgb(13,147,164)
```
#0699ab
```
#0699ab rgb(6,153,171)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5a7275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838699 Protanopia 1% of men
#8285a7 Deuteranopia 1% of men
#1a949f Tritanopia 0.001% of the population

Trichromacy

#5b899b Protanomaly 1% of men, 0.01% of women
#5a88a3 Deuteranomaly 6% of men, 0.4% of women
#18929e Tritanomaly 0.01% of the population

#148e9d hex color

#148e9d Color Information

#148e9d Color Conversion

Color Schemes with #148e9d

Alternatives to #148e9d

#148e9d Preview

Shades and Tints of #148e9d

Tones of #148e9d

Color Blindness Simulator