#148fa5 hex color

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

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

● #148fa5 color description : Dark cyan.

The hexadecimal color #148fa5 has RGB values of R:20, G:143, B:165 and CMYK values of C:0.88, M:0.13, Y:0, K:0.35. Its decimal value is 1347493.

Hex triplet	148fa5	`#148fa5`
RGB Decimal	20, 143, 165	`rgb(20,143,165)`
RGB Percent	7.8, 56.1, 64.7	`rgb(7.8%,56.1%,64.7%)`
CMYK	88, 13, 0, 35
HSL	189.1°, 78.4, 36.3	`hsl(189.1,78.4%,36.3%)`
HSV (or HSB)	189.1°, 87.9, 64.7
Web Safe	009999	`#009999`

CIE-LAB	54.563, -22.986, -20.436
XYZ	16.901, 22.509, 39.049
xyY	0.215, 0.287, 22.509
CIE-LCH	54.563, 30.757, 221.639
CIE-LUV	54.563, -38.669, -27.559
Hunter-Lab	47.443, -19.439, -15.59
Binary	00010100, 10001111, 10100101

#148fa5
```
#148fa5 rgb(20,143,165)
```
#a52a14
```
#a52a14 rgb(165,42,20)
```

Complementary Color

#14a573
```
#14a573 rgb(20,165,115)
```
#148fa5
```
#148fa5 rgb(20,143,165)
```
#1447a5
```
#1447a5 rgb(20,71,165)
```

Analogous Color

#a57314
```
#a57314 rgb(165,115,20)
```
#148fa5
```
#148fa5 rgb(20,143,165)
```
#a51446
```
#a51446 rgb(165,20,70)
```

Split Complementary Color

#8fa514
```
#8fa514 rgb(143,165,20)
```
#148fa5
```
#148fa5 rgb(20,143,165)
```
#a5148f
```
#a5148f rgb(165,20,143)
```

Triadic Color

#14a52a
```
#14a52a rgb(20,165,42)
```
#148fa5
```
#148fa5 rgb(20,143,165)
```
#a5148f
```
#a5148f rgb(165,20,143)
```
#a52a14
```
#a52a14 rgb(165,42,20)
```

Tetradic Color

#0c5461
```
#0c5461 rgb(12,84,97)
```
#0e6878
```
#0e6878 rgb(14,104,120)
```
#117b8e
```
#117b8e rgb(17,123,142)
```
#148fa5
```
#148fa5 rgb(20,143,165)
```
#17a3bc
```
#17a3bc rgb(23,163,188)
```
#1ab6d2
```
#1ab6d2 rgb(26,182,210)
```
#21c7e4
```
#21c7e4 rgb(33,199,228)
```

Monochromatic Color

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

#14a597
```
#14a597 rgb(20,165,151)
```
#14a5a3
```
#14a5a3 rgb(20,165,163)
```
#149ba5
```
#149ba5 rgb(20,155,165)
```
#148fa5
```
#148fa5 rgb(20,143,165)
```
#1483a5
```
#1483a5 rgb(20,131,165)
```
#1477a5
```
#1477a5 rgb(20,119,165)
```
#146ba5
```
#146ba5 rgb(20,107,165)
```

Similar Colors

Text with hexadecimal color #148fa5

This text has a font color of #148fa5.

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

#148fa5 background color

This paragraph has a background color of #148fa5.

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

#148fa5 border color

This element has a border color of #148fa5.

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

CSS codes

.text {color:#148fa5;}

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

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

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

#010708
```
#010708 rgb(1,7,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)
```
#0e6271
```
#0e6271 rgb(14,98,113)
```
#107182
```
#107182 rgb(16,113,130)
```
#128094
```
#128094 rgb(18,128,148)
```
#148fa5
```
#148fa5 rgb(20,143,165)
```
#169eb6
```
#169eb6 rgb(22,158,182)
```
#18adc8
```
#18adc8 rgb(24,173,200)
```
#1abcd9
```
#1abcd9 rgb(26,188,217)
```

Shade Color Variation

#23c7e4
```
#23c7e4 rgb(35,199,228)
```
#35cbe6
```
#35cbe6 rgb(53,203,230)
```
#46d0e9
```
#46d0e9 rgb(70,208,233)
```
#58d4eb
```
#58d4eb rgb(88,212,235)
```
#69d9ed
```
#69d9ed rgb(105,217,237)
```
#7bddef
```
#7bddef rgb(123,221,239)
```
#8ce2f1
```
#8ce2f1 rgb(140,226,241)
```
#9ee6f3
```
#9ee6f3 rgb(158,230,243)
```
#afebf5
```
#afebf5 rgb(175,235,245)
```
#c1eff7
```
#c1eff7 rgb(193,239,247)
```
#d2f4fa
```
#d2f4fa rgb(210,244,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 #0699b3 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)
```
#298090
```
#298090 rgb(41,128,144)
```
#228597
```
#228597 rgb(34,133,151)
```
#1b8a9e
```
#1b8a9e rgb(27,138,158)
```
#148fa5
```
#148fa5 rgb(20,143,165)
```
#0d94ac
```
#0d94ac rgb(13,148,172)
```
#0699b3
```
#0699b3 rgb(6,153,179)
```

Tone Color Variation

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

Dichromacy

#8387a1 Protanopia 1% of men
#7f86af Deuteranopia 1% of men
#0096a1 Tritanopia 0.001% of the population

Trichromacy

#5a8aa2 Protanomaly 1% of men, 0.01% of women
#5889ab Deuteranomaly 6% of men, 0.4% of women
#0793a2 Tritanomaly 0.01% of the population

#148fa5 hex color

#148fa5 Color Information

#148fa5 Color Conversion

Color Schemes with #148fa5

Alternatives to #148fa5

#148fa5 Preview

Shades and Tints of #148fa5

Tones of #148fa5

Color Blindness Simulator