#22a0af hex color

In a RGB color space, hex #22a0af is composed of 13.3% red, 62.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 8.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 186.4 degrees, a saturation of 67.5% and a lightness of 41%. #22a0af color hex could be obtained by blending #44ffff with #00415f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 63
- B 69
RGB color chart
- C 81
- M 9
- Y 0
- K 31
CMYK color chart

● #22a0af color description : Dark cyan.

The hexadecimal color #22a0af has RGB values of R:34, G:160, B:175 and CMYK values of C:0.81, M:0.09, Y:0, K:0.31. Its decimal value is 2269359.

Hex triplet	22a0af	`#22a0af`
RGB Decimal	34, 160, 175	`rgb(34,160,175)`
RGB Percent	13.3, 62.7, 68.6	`rgb(13.3%,62.7%,68.6%)`
CMYK	81, 9, 0, 31
HSL	186.4°, 67.5, 41	`hsl(186.4,67.5%,41%)`
HSV (or HSB)	186.4°, 80.6, 68.6
Web Safe	339999	`#339999`

CIE-LAB	60.405, -27.221, -17.205
XYZ	20.966, 28.575, 44.966
xyY	0.222, 0.302, 28.575
CIE-LCH	60.405, 32.203, 212.295
CIE-LUV	60.405, -42.683, -22.251
Hunter-Lab	53.455, -23.536, -12.455
Binary	00100010, 10100000, 10101111

#22a0af
```
#22a0af rgb(34,160,175)
```
#af3122
```
#af3122 rgb(175,49,34)
```

Complementary Color

#22af78
```
#22af78 rgb(34,175,120)
```
#22a0af
```
#22a0af rgb(34,160,175)
```
#2259af
```
#2259af rgb(34,89,175)
```

Analogous Color

#af7822
```
#af7822 rgb(175,120,34)
```
#22a0af
```
#22a0af rgb(34,160,175)
```
#af225a
```
#af225a rgb(175,34,90)
```

Split Complementary Color

#a0af22
```
#a0af22 rgb(160,175,34)
```
#22a0af
```
#22a0af rgb(34,160,175)
```
#af22a0
```
#af22a0 rgb(175,34,160)
```

Triadic Color

#22af31
```
#22af31 rgb(34,175,49)
```
#22a0af
```
#22a0af rgb(34,160,175)
```
#af22a0
```
#af22a0 rgb(175,34,160)
```
#af3122
```
#af3122 rgb(175,49,34)
```

Tetradic Color

#16656f
```
#16656f rgb(22,101,111)
```
#1a7984
```
#1a7984 rgb(26,121,132)
```
#1e8c9a
```
#1e8c9a rgb(30,140,154)
```
#22a0af
```
#22a0af rgb(34,160,175)
```
#26b4c4
```
#26b4c4 rgb(38,180,196)
```
#2ec4d6
```
#2ec4d6 rgb(46,196,214)
```
#43cada
```
#43cada rgb(67,202,218)
```

Monochromatic Color

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

#22af9b
```
#22af9b rgb(34,175,155)
```
#22afa7
```
#22afa7 rgb(34,175,167)
```
#22acaf
```
#22acaf rgb(34,172,175)
```
#22a0af
```
#22a0af rgb(34,160,175)
```
#2294af
```
#2294af rgb(34,148,175)
```
#2289af
```
#2289af rgb(34,137,175)
```
#227daf
```
#227daf rgb(34,125,175)
```

Similar Colors

Text with hexadecimal color #22a0af

This text has a font color of #22a0af.

<span style="color:#22a0af;">Text here</span>

#22a0af background color

This paragraph has a background color of #22a0af.

<p style="background-color:#22a0af;">Content here</p>

#22a0af border color

This element has a border color of #22a0af.

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

CSS codes

.text {color:#22a0af;}

.background {background-color:#22a0af;}

.border {border:1px solid #22a0af;}

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

#020a0b
```
#020a0b rgb(2,10,11)
```
#05191b
```
#05191b rgb(5,25,27)
```
#08282c
```
#08282c rgb(8,40,44)
```
#0c373c
```
#0c373c rgb(12,55,60)
```
#0f464c
```
#0f464c rgb(15,70,76)
```
#12555d
```
#12555d rgb(18,85,93)
```
#15646d
```
#15646d rgb(21,100,109)
```
#18737e
```
#18737e rgb(24,115,126)
```
#1c828e
```
#1c828e rgb(28,130,142)
```
#1f919f
```
#1f919f rgb(31,145,159)
```
#22a0af
```
#22a0af rgb(34,160,175)
```
#25afbf
```
#25afbf rgb(37,175,191)
```
#28bed0
```
#28bed0 rgb(40,190,208)
```

Shade Color Variation

#34c6d8
```
#34c6d8 rgb(52,198,216)
```
#45cbdb
```
#45cbdb rgb(69,203,219)
```
#55cfde
```
#55cfde rgb(85,207,222)
```
#66d4e1
```
#66d4e1 rgb(102,212,225)
```
#76d9e4
```
#76d9e4 rgb(118,217,228)
```
#86dde8
```
#86dde8 rgb(134,221,232)
```
#97e2eb
```
#97e2eb rgb(151,226,235)
```
#a7e6ee
```
#a7e6ee rgb(167,230,238)
```
#b8ebf1
```
#b8ebf1 rgb(184,235,241)
```
#c8f0f4
```
#c8f0f4 rgb(200,240,244)
```
#d8f4f8
```
#d8f4f8 rgb(216,244,248)
```
#e9f9fb
```
#e9f9fb rgb(233,249,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#626d6f
```
#626d6f rgb(98,109,111)
```
#5a7477
```
#5a7477 rgb(90,116,119)
```
#527a7f
```
#527a7f rgb(82,122,127)
```
#4a8087
```
#4a8087 rgb(74,128,135)
```
#42878f
```
#42878f rgb(66,135,143)
```
#3a8d97
```
#3a8d97 rgb(58,141,151)
```
#32939f
```
#32939f rgb(50,147,159)
```
#2a9aa7
```
#2a9aa7 rgb(42,154,167)
```
#22a0af
```
#22a0af rgb(34,160,175)
```
#1aa6b7
```
#1aa6b7 rgb(26,166,183)
```
#12adbf
```
#12adbf rgb(18,173,191)
```
#0ab3c7
```
#0ab3c7 rgb(10,179,199)
```
#02b9cf
```
#02b9cf rgb(2,185,207)
```

Tone Color Variation

Below, you can see how #22a0af 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

#7c7c7c Achromatopsia 0.005% of the population
#6a8386 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9396aa Protanopia 1% of men
#9294b9 Deuteranopia 1% of men
#2ba5b1 Tritanopia 0.001% of the population

Trichromacy

#6a99ab Protanomaly 1% of men, 0.01% of women
#6998b5 Deuteranomaly 6% of men, 0.4% of women
#27a3b0 Tritanomaly 0.01% of the population

#22a0af hex color

#22a0af Color Information

#22a0af Color Conversion

Color Schemes with #22a0af

Alternatives to #22a0af

#22a0af Preview

Shades and Tints of #22a0af

Tones of #22a0af

Color Blindness Simulator