#229eab hex color

In a RGB color space, hex #229eab is composed of 13.3% red, 62% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 7.6% magenta, 0% yellow and 32.9% black. It has a hue angle of 185.7 degrees, a saturation of 66.8% and a lightness of 40.2%. #229eab color hex could be obtained by blending #44ffff with #003d57. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 62
- B 67
RGB color chart
- C 80
- M 8
- Y 0
- K 33
CMYK color chart

● #229eab color description : Dark cyan.

The hexadecimal color #229eab has RGB values of R:34, G:158, B:171 and CMYK values of C:0.8, M:0.08, Y:0, K:0.33. Its decimal value is 2268843.

Hex triplet	229eab	`#229eab`
RGB Decimal	34, 158, 171	`rgb(34,158,171)`
RGB Percent	13.3, 62, 67.1	`rgb(13.3%,62%,67.1%)`
CMYK	80, 8, 0, 33
HSL	185.7°, 66.8, 40.2	`hsl(185.7,66.8%,40.2%)`
HSV (or HSB)	185.7°, 80.1, 67.1
Web Safe	339999	`#339999`

CIE-LAB	59.646, -27.504, -16.097
XYZ	20.235, 27.732, 42.812
xyY	0.223, 0.305, 27.732
CIE-LCH	59.646, 31.868, 210.338
CIE-LUV	59.646, -42.255, -20.404
Hunter-Lab	52.661, -23.569, -11.338
Binary	00100010, 10011110, 10101011

#229eab
```
#229eab rgb(34,158,171)
```
#ab2f22
```
#ab2f22 rgb(171,47,34)
```

Complementary Color

#22ab74
```
#22ab74 rgb(34,171,116)
```
#229eab
```
#229eab rgb(34,158,171)
```
#225aab
```
#225aab rgb(34,90,171)
```

Analogous Color

#ab7422
```
#ab7422 rgb(171,116,34)
```
#229eab
```
#229eab rgb(34,158,171)
```
#ab225a
```
#ab225a rgb(171,34,90)
```

Split Complementary Color

#9eab22
```
#9eab22 rgb(158,171,34)
```
#229eab
```
#229eab rgb(34,158,171)
```
#ab229e
```
#ab229e rgb(171,34,158)
```

Triadic Color

#22ab2f
```
#22ab2f rgb(34,171,47)
```
#229eab
```
#229eab rgb(34,158,171)
```
#ab229e
```
#ab229e rgb(171,34,158)
```
#ab2f22
```
#ab2f22 rgb(171,47,34)
```

Tetradic Color

#15636b
```
#15636b rgb(21,99,107)
```
#1a7780
```
#1a7780 rgb(26,119,128)
```
#1e8a96
```
#1e8a96 rgb(30,138,150)
```
#229eab
```
#229eab rgb(34,158,171)
```
#26b2c0
```
#26b2c0 rgb(38,178,192)
```
#2bc5d5
```
#2bc5d5 rgb(43,197,213)
```
#40cbd9
```
#40cbd9 rgb(64,203,217)
```

Monochromatic Color

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

#22ab96
```
#22ab96 rgb(34,171,150)
```
#22aba1
```
#22aba1 rgb(34,171,161)
```
#22a9ab
```
#22a9ab rgb(34,169,171)
```
#229eab
```
#229eab rgb(34,158,171)
```
#2293ab
```
#2293ab rgb(34,147,171)
```
#2287ab
```
#2287ab rgb(34,135,171)
```
#227cab
```
#227cab rgb(34,124,171)
```

Similar Colors

Text with hexadecimal color #229eab

This text has a font color of #229eab.

<span style="color:#229eab;">Text here</span>

#229eab background color

This paragraph has a background color of #229eab.

<p style="background-color:#229eab;">Content here</p>

#229eab border color

This element has a border color of #229eab.

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

CSS codes

.text {color:#229eab;}

.background {background-color:#229eab;}

.border {border:1px solid #229eab;}

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

#010707
```
#010707 rgb(1,7,7)
```
#051618
```
#051618 rgb(5,22,24)
```
#082528
```
#082528 rgb(8,37,40)
```
#0b3438
```
#0b3438 rgb(11,52,56)
```
#0e4349
```
#0e4349 rgb(14,67,73)
```
#125259
```
#125259 rgb(18,82,89)
```
#15626a
```
#15626a rgb(21,98,106)
```
#18717a
```
#18717a rgb(24,113,122)
```
#1b808a
```
#1b808a rgb(27,128,138)
```
#1f8f9b
```
#1f8f9b rgb(31,143,155)
```
#229eab
```
#229eab rgb(34,158,171)
```
#25adbb
```
#25adbb rgb(37,173,187)
```
#29bccc
```
#29bccc rgb(41,188,204)
```

Shade Color Variation

#32c7d6
```
#32c7d6 rgb(50,199,214)
```
#42cbd9
```
#42cbd9 rgb(66,203,217)
```
#52d0dd
```
#52d0dd rgb(82,208,221)
```
#63d4e0
```
#63d4e0 rgb(99,212,224)
```
#73d9e3
```
#73d9e3 rgb(115,217,227)
```
#83dde6
```
#83dde6 rgb(131,221,230)
```
#94e2ea
```
#94e2ea rgb(148,226,234)
```
#a4e6ed
```
#a4e6ed rgb(164,230,237)
```
#b5ebf0
```
#b5ebf0 rgb(181,235,240)
```
#c5eff3
```
#c5eff3 rgb(197,239,243)
```
#d5f4f7
```
#d5f4f7 rgb(213,244,247)
```
#e6f8fa
```
#e6f8fa rgb(230,248,250)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616b6c is the less saturated color, while #02b8cb is the most saturated one.

#616b6c
```
#616b6c rgb(97,107,108)
```
#597174
```
#597174 rgb(89,113,116)
```
#51787c
```
#51787c rgb(81,120,124)
```
#497e84
```
#497e84 rgb(73,126,132)
```
#42848b
```
#42848b rgb(66,132,139)
```
#3a8b93
```
#3a8b93 rgb(58,139,147)
```
#32919b
```
#32919b rgb(50,145,155)
```
#2a98a3
```
#2a98a3 rgb(42,152,163)
```
#229eab
```
#229eab rgb(34,158,171)
```
#1aa4b3
```
#1aa4b3 rgb(26,164,179)
```
#12abbb
```
#12abbb rgb(18,171,187)
```
#0ab1c3
```
#0ab1c3 rgb(10,177,195)
```
#02b8cb
```
#02b8cb rgb(2,184,203)
```

Tone Color Variation

Below, you can see how #229eab 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

#7a7a7a Achromatopsia 0.005% of the population
#688184 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9294a6 Protanopia 1% of men
#9192b5 Deuteranopia 1% of men
#2da3af Tritanopia 0.001% of the population

Trichromacy

#6997a8 Protanomaly 1% of men, 0.01% of women
#6996b1 Deuteranomaly 6% of men, 0.4% of women
#29a1ad Tritanomaly 0.01% of the population

#229eab hex color

#229eab Color Information

#229eab Color Conversion

Color Schemes with #229eab

Alternatives to #229eab

#229eab Preview

Shades and Tints of #229eab

Tones of #229eab

Color Blindness Simulator