#148ea1 hex color

In a RGB color space, hex #148ea1 is composed of 7.8% red, 55.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 11.8% magenta, 0% yellow and 36.9% black. It has a hue angle of 188.1 degrees, a saturation of 77.9% and a lightness of 35.5%. #148ea1 color hex could be obtained by blending #28ffff with #001d43. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 8
- G 56
- B 63
RGB color chart
- C 88
- M 12
- Y 0
- K 37
CMYK color chart

● #148ea1 color description : Dark cyan.

The hexadecimal color #148ea1 has RGB values of R:20, G:142, B:161 and CMYK values of C:0.88, M:0.12, Y:0, K:0.37. Its decimal value is 1347233.

Hex triplet	148ea1	`#148ea1`
RGB Decimal	20, 142, 161	`rgb(20,142,161)`
RGB Percent	7.8, 55.7, 63.1	`rgb(7.8%,55.7%,63.1%)`
CMYK	88, 12, 0, 37
HSL	188.1°, 77.9, 35.5	`hsl(188.1,77.9%,35.5%)`
HSV (or HSB)	188.1°, 87.6, 63.1
Web Safe	009999	`#009999`

CIE-LAB	54.097, -23.826, -18.848
XYZ	16.393, 22.066, 37.112
xyY	0.217, 0.292, 22.066
CIE-LCH	54.097, 30.38, 218.346
CIE-LUV	54.097, -38.608, -24.896
Hunter-Lab	46.975, -19.915, -13.959
Binary	00010100, 10001110, 10100001

#148ea1
```
#148ea1 rgb(20,142,161)
```
#a12714
```
#a12714 rgb(161,39,20)
```

Complementary Color

#14a16e
```
#14a16e rgb(20,161,110)
```
#148ea1
```
#148ea1 rgb(20,142,161)
```
#1448a1
```
#1448a1 rgb(20,72,161)
```

Analogous Color

#a16e14
```
#a16e14 rgb(161,110,20)
```
#148ea1
```
#148ea1 rgb(20,142,161)
```
#a11448
```
#a11448 rgb(161,20,72)
```

Split Complementary Color

#8ea114
```
#8ea114 rgb(142,161,20)
```
#148ea1
```
#148ea1 rgb(20,142,161)
```
#a1148e
```
#a1148e rgb(161,20,142)
```

Triadic Color

#14a127
```
#14a127 rgb(20,161,39)
```
#148ea1
```
#148ea1 rgb(20,142,161)
```
#a1148e
```
#a1148e rgb(161,20,142)
```
#a12714
```
#a12714 rgb(161,39,20)
```

Tetradic Color

#0c525d
```
#0c525d rgb(12,82,93)
```
#0e6674
```
#0e6674 rgb(14,102,116)
```
#117a8a
```
#117a8a rgb(17,122,138)
```
#148ea1
```
#148ea1 rgb(20,142,161)
```
#17a2b8
```
#17a2b8 rgb(23,162,184)
```
#1ab6ce
```
#1ab6ce rgb(26,182,206)
```
#1ec9e3
```
#1ec9e3 rgb(30,201,227)
```

Monochromatic Color

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

#14a191
```
#14a191 rgb(20,161,145)
```
#14a19d
```
#14a19d rgb(20,161,157)
```
#149aa1
```
#149aa1 rgb(20,154,161)
```
#148ea1
```
#148ea1 rgb(20,142,161)
```
#1482a1
```
#1482a1 rgb(20,130,161)
```
#1477a1
```
#1477a1 rgb(20,119,161)
```
#146ba1
```
#146ba1 rgb(20,107,161)
```

Similar Colors

Text with hexadecimal color #148ea1

This text has a font color of #148ea1.

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

#148ea1 background color

This paragraph has a background color of #148ea1.

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

#148ea1 border color

This element has a border color of #148ea1.

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

CSS codes

.text {color:#148ea1;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#031315
```
#031315 rgb(3,19,21)
```
#052227
```
#052227 rgb(5,34,39)
```
#073238
```
#073238 rgb(7,50,56)
```
#09414a
```
#09414a rgb(9,65,74)
```
#0b505b
```
#0b505b rgb(11,80,91)
```
#0d606d
```
#0d606d rgb(13,96,109)
```
#106f7e
```
#106f7e rgb(16,111,126)
```
#127f90
```
#127f90 rgb(18,127,144)
```
#148ea1
```
#148ea1 rgb(20,142,161)
```
#169db2
```
#169db2 rgb(22,157,178)
```
#18adc4
```
#18adc4 rgb(24,173,196)
```
#1bbcd5
```
#1bbcd5 rgb(27,188,213)
```

Shade Color Variation

#20c9e3
```
#20c9e3 rgb(32,201,227)
```
#32cde5
```
#32cde5 rgb(50,205,229)
```
#43d1e8
```
#43d1e8 rgb(67,209,232)
```
#54d6ea
```
#54d6ea rgb(84,214,234)
```
#66daec
```
#66daec rgb(102,218,236)
```
#77deee
```
#77deee rgb(119,222,238)
```
#89e2f0
```
#89e2f0 rgb(137,226,240)
```
#9ae7f2
```
#9ae7f2 rgb(154,231,242)
```
#acebf5
```
#acebf5 rgb(172,235,245)
```
#bdeff7
```
#bdeff7 rgb(189,239,247)
```
#cff3f9
```
#cff3f9 rgb(207,243,249)
```
#e0f8fb
```
#e0f8fb rgb(224,248,251)
```
#f2fcfd
```
#f2fcfd rgb(242,252,253)
```

Tint Color Variation

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

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#536062
```
#536062 rgb(83,96,98)
```
#4c6569
```
#4c6569 rgb(76,101,105)
```
#456a70
```
#456a70 rgb(69,106,112)
```
#3e6f77
```
#3e6f77 rgb(62,111,119)
```
#37757e
```
#37757e rgb(55,117,126)
```
#307a85
```
#307a85 rgb(48,122,133)
```
#297f8c
```
#297f8c rgb(41,127,140)
```
#228493
```
#228493 rgb(34,132,147)
```
#1b899a
```
#1b899a rgb(27,137,154)
```
#148ea1
```
#148ea1 rgb(20,142,161)
```
#0d93a8
```
#0d93a8 rgb(13,147,168)
```
#0698af
```
#0698af rgb(6,152,175)
```

Tone Color Variation

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

#83869d Protanopia 1% of men
#8085ab Deuteranopia 1% of men
#11949f Tritanopia 0.001% of the population

Trichromacy

#5a899e Protanomaly 1% of men, 0.01% of women
#5888a7 Deuteranomaly 6% of men, 0.4% of women
#1292a0 Tritanomaly 0.01% of the population

#148ea1 hex color

#148ea1 Color Information

#148ea1 Color Conversion

Color Schemes with #148ea1

Alternatives to #148ea1

#148ea1 Preview

Shades and Tints of #148ea1

Tones of #148ea1

Color Blindness Simulator