#148fa9 hex color

In a RGB color space, hex #148fa9 is composed of 7.8% red, 56.1% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 15.4% magenta, 0% yellow and 33.7% black. It has a hue angle of 190.5 degrees, a saturation of 78.8% and a lightness of 37.1%. #148fa9 color hex could be obtained by blending #28ffff with #001f53. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 8
- G 56
- B 66
RGB color chart
- C 88
- M 15
- Y 0
- K 34
CMYK color chart

● #148fa9 color description : Dark cyan.

The hexadecimal color #148fa9 has RGB values of R:20, G:143, B:169 and CMYK values of C:0.88, M:0.15, Y:0, K:0.34. Its decimal value is 1347497.

Hex triplet	148fa9	`#148fa9`
RGB Decimal	20, 143, 169	`rgb(20,143,169)`
RGB Percent	7.8, 56.1, 66.3	`rgb(7.8%,56.1%,66.3%)`
CMYK	88, 15, 0, 34
HSL	190.5°, 78.8, 37.1	`hsl(190.5,78.8%,37.1%)`
HSV (or HSB)	190.5°, 88.2, 66.3
Web Safe	009999	`#009999`

CIE-LAB	54.717, -21.615, -22.494
XYZ	17.27, 22.657, 40.997
xyY	0.213, 0.28, 22.657
CIE-LCH	54.717, 31.196, 226.142
CIE-LUV	54.717, -38.377, -31.03
Hunter-Lab	47.599, -18.533, -17.747
Binary	00010100, 10001111, 10101001

#148fa9
```
#148fa9 rgb(20,143,169)
```
#a92e14
```
#a92e14 rgb(169,46,20)
```

Complementary Color

#14a979
```
#14a979 rgb(20,169,121)
```
#148fa9
```
#148fa9 rgb(20,143,169)
```
#1445a9
```
#1445a9 rgb(20,69,169)
```

Analogous Color

#a97914
```
#a97914 rgb(169,121,20)
```
#148fa9
```
#148fa9 rgb(20,143,169)
```
#a91445
```
#a91445 rgb(169,20,69)
```

Split Complementary Color

#8fa914
```
#8fa914 rgb(143,169,20)
```
#148fa9
```
#148fa9 rgb(20,143,169)
```
#a9148f
```
#a9148f rgb(169,20,143)
```

Triadic Color

#14a92e
```
#14a92e rgb(20,169,46)
```
#148fa9
```
#148fa9 rgb(20,143,169)
```
#a9148f
```
#a9148f rgb(169,20,143)
```
#a92e14
```
#a92e14 rgb(169,46,20)
```

Tetradic Color

#0c5565
```
#0c5565 rgb(12,85,101)
```
#0f687b
```
#0f687b rgb(15,104,123)
```
#117c92
```
#117c92 rgb(17,124,146)
```
#148fa9
```
#148fa9 rgb(20,143,169)
```
#17a2c0
```
#17a2c0 rgb(23,162,192)
```
#19b6d7
```
#19b6d7 rgb(25,182,215)
```
#24c3e5
```
#24c3e5 rgb(36,195,229)
```

Monochromatic Color

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

#14a99e
```
#14a99e rgb(20,169,158)
```
#14a8a9
```
#14a8a9 rgb(20,168,169)
```
#149ba9
```
#149ba9 rgb(20,155,169)
```
#148fa9
```
#148fa9 rgb(20,143,169)
```
#1483a9
```
#1483a9 rgb(20,131,169)
```
#1476a9
```
#1476a9 rgb(20,118,169)
```
#146aa9
```
#146aa9 rgb(20,106,169)
```

Similar Colors

Text with hexadecimal color #148fa9

This text has a font color of #148fa9.

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

#148fa9 background color

This paragraph has a background color of #148fa9.

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

#148fa9 border color

This element has a border color of #148fa9.

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

CSS codes

.text {color:#148fa9;}

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

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

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, #01090b is the darkest color, while #f9fdfe is the lightest one.

#01090b
```
#01090b rgb(1,9,11)
```
#03181d
```
#03181d rgb(3,24,29)
```
#05272e
```
#05272e rgb(5,39,46)
```
#083640
```
#083640 rgb(8,54,64)
```
#0a4551
```
#0a4551 rgb(10,69,81)
```
#0c5463
```
#0c5463 rgb(12,84,99)
```
#0e6274
```
#0e6274 rgb(14,98,116)
```
#107186
```
#107186 rgb(16,113,134)
```
#128097
```
#128097 rgb(18,128,151)
```
#148fa9
```
#148fa9 rgb(20,143,169)
```
#169ebb
```
#169ebb rgb(22,158,187)
```
#18adcc
```
#18adcc rgb(24,173,204)
```
#1abcde
```
#1abcde rgb(26,188,222)
```

Shade Color Variation

#26c4e5
```
#26c4e5 rgb(38,196,229)
```
#38c9e7
```
#38c9e7 rgb(56,201,231)
```
#49cee9
```
#49cee9 rgb(73,206,233)
```
#5bd2ec
```
#5bd2ec rgb(91,210,236)
```
#6cd7ee
```
#6cd7ee rgb(108,215,238)
```
#7edcf0
```
#7edcf0 rgb(126,220,240)
```
#8fe1f2
```
#8fe1f2 rgb(143,225,242)
```
#a1e5f4
```
#a1e5f4 rgb(161,229,244)
```
#b2eaf6
```
#b2eaf6 rgb(178,234,246)
```
#c4eff8
```
#c4eff8 rgb(196,239,248)
```
#d6f4fa
```
#d6f4fa rgb(214,244,250)
```
#e7f8fc
```
#e7f8fc rgb(231,248,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#5d6060
```
#5d6060 rgb(93,96,96)
```
#556468
```
#556468 rgb(85,100,104)
```
#4e696f
```
#4e696f rgb(78,105,111)
```
#476e76
```
#476e76 rgb(71,110,118)
```
#40737d
```
#40737d rgb(64,115,125)
```
#387785
```
#387785 rgb(56,119,133)
```
#317c8c
```
#317c8c rgb(49,124,140)
```
#2a8193
```
#2a8193 rgb(42,129,147)
```
#23869a
```
#23869a rgb(35,134,154)
```
#1b8aa2
```
#1b8aa2 rgb(27,138,162)
```
#148fa9
```
#148fa9 rgb(20,143,169)
```
#0d94b0
```
#0d94b0 rgb(13,148,176)
```
#0598b8
```
#0598b8 rgb(5,152,184)
```

Tone Color Variation

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

Dichromacy

#8288a5 Protanopia 1% of men
#7d87b2 Deuteranopia 1% of men
#0096a1 Tritanopia 0.001% of the population

Trichromacy

#5a8aa6 Protanomaly 1% of men, 0.01% of women
#578aaf Deuteranomaly 6% of men, 0.4% of women
#0793a4 Tritanomaly 0.01% of the population

#148fa9 hex color

#148fa9 Color Information

#148fa9 Color Conversion

Color Schemes with #148fa9

Alternatives to #148fa9

#148fa9 Preview

Shades and Tints of #148fa9

Tones of #148fa9

Color Blindness Simulator