#22daaf hex color

In a RGB color space, hex #22daaf is composed of 13.3% red, 85.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 0% magenta, 19.7% yellow and 14.5% black. It has a hue angle of 166 degrees, a saturation of 73% and a lightness of 49.4%. #22daaf color hex could be obtained by blending #44ffff with #00b55f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 13
- G 85
- B 69
RGB color chart
- C 84
- M 0
- Y 20
- K 15
CMYK color chart

● #22daaf color description : Bright cyan.

The hexadecimal color #22daaf has RGB values of R:34, G:218, B:175 and CMYK values of C:0.84, M:0, Y:0.2, K:0.15. Its decimal value is 2284207.

Hex triplet	22daaf	`#22daaf`
RGB Decimal	34, 218, 175	`rgb(34,218,175)`
RGB Percent	13.3, 85.5, 68.6	`rgb(13.3%,85.5%,68.6%)`
CMYK	84, 0, 20, 15
HSL	166°, 73, 49.4	`hsl(166,73%,49.4%)`
HSV (or HSB)	166°, 84.4, 85.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.213, -53.023, 9.034
XYZ	33.466, 53.575, 49.132
xyY	0.246, 0.393, 53.575
CIE-LCH	78.213, 53.787, 170.331
CIE-LUV	78.213, -62.903, 21.795
Hunter-Lab	73.195, -46.477, 11.438
Binary	00100010, 11011010, 10101111

#22daaf
```
#22daaf rgb(34,218,175)
```
#da224d
```
#da224d rgb(218,34,77)
```

Complementary Color

#22da53
```
#22da53 rgb(34,218,83)
```
#22daaf
```
#22daaf rgb(34,218,175)
```
#22a9da
```
#22a9da rgb(34,169,218)
```

Analogous Color

#da5322
```
#da5322 rgb(218,83,34)
```
#22daaf
```
#22daaf rgb(34,218,175)
```
#da22a9
```
#da22a9 rgb(218,34,169)
```

Split Complementary Color

#daaf22
```
#daaf22 rgb(218,175,34)
```
#22daaf
```
#22daaf rgb(34,218,175)
```
#af22da
```
#af22da rgb(175,34,218)
```

Triadic Color

#4dda22
```
#4dda22 rgb(77,218,34)
```
#22daaf
```
#22daaf rgb(34,218,175)
```
#af22da
```
#af22da rgb(175,34,218)
```
#da224d
```
#da224d rgb(218,34,77)
```

Tetradic Color

#18987a
```
#18987a rgb(24,152,122)
```
#1bae8c
```
#1bae8c rgb(27,174,140)
```
#1fc49d
```
#1fc49d rgb(31,196,157)
```
#22daaf
```
#22daaf rgb(34,218,175)
```
#36e0b8
```
#36e0b8 rgb(54,224,184)
```
#4ce3c0
```
#4ce3c0 rgb(76,227,192)
```
#62e7c8
```
#62e7c8 rgb(98,231,200)
```

Monochromatic Color

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

#22da81
```
#22da81 rgb(34,218,129)
```
#22da90
```
#22da90 rgb(34,218,144)
```
#22daa0
```
#22daa0 rgb(34,218,160)
```
#22daaf
```
#22daaf rgb(34,218,175)
```
#22dabe
```
#22dabe rgb(34,218,190)
```
#22dace
```
#22dace rgb(34,218,206)
```
#22d7da
```
#22d7da rgb(34,215,218)
```

Similar Colors

Text with hexadecimal color #22daaf

This text has a font color of #22daaf.

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

#22daaf background color

This paragraph has a background color of #22daaf.

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

#22daaf border color

This element has a border color of #22daaf.

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

CSS codes

.text {color:#22daaf;}

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

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

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

#020e0c
```
#020e0c rgb(2,14,12)
```
#051f19
```
#051f19 rgb(5,31,25)
```
#083027
```
#083027 rgb(8,48,39)
```
#0a4134
```
#0a4134 rgb(10,65,52)
```
#0d5242
```
#0d5242 rgb(13,82,66)
```
#0f6350
```
#0f6350 rgb(15,99,80)
```
#12745d
```
#12745d rgb(18,116,93)
```
#15856b
```
#15856b rgb(21,133,107)
```
#179679
```
#179679 rgb(23,150,121)
```
#1aa786
```
#1aa786 rgb(26,167,134)
```
#1db894
```
#1db894 rgb(29,184,148)
```
#1fc9a1
```
#1fc9a1 rgb(31,201,161)
```
#22daaf
```
#22daaf rgb(34,218,175)
```

Shade Color Variation

#31dfb6
```
#31dfb6 rgb(49,223,182)
```
#42e1bc
```
#42e1bc rgb(66,225,188)
```
#53e4c2
```
#53e4c2 rgb(83,228,194)
```
#64e7c8
```
#64e7c8 rgb(100,231,200)
```
#75e9ce
```
#75e9ce rgb(117,233,206)
```
#86ecd4
```
#86ecd4 rgb(134,236,212)
```
#97efda
```
#97efda rgb(151,239,218)
```
#a8f1e0
```
#a8f1e0 rgb(168,241,224)
```
#b9f4e6
```
#b9f4e6 rgb(185,244,230)
```
#c9f7ec
```
#c9f7ec rgb(201,247,236)
```
#daf9f2
```
#daf9f2 rgb(218,249,242)
```
#ebfcf8
```
#ebfcf8 rgb(235,252,248)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #798381 is the less saturated color, while #05f7be is the most saturated one.

#798381
```
#798381 rgb(121,131,129)
```
#708c86
```
#708c86 rgb(112,140,134)
```
#66968b
```
#66968b rgb(102,150,139)
```
#5ca090
```
#5ca090 rgb(92,160,144)
```
#52aa95
```
#52aa95 rgb(82,170,149)
```
#49b39a
```
#49b39a rgb(73,179,154)
```
#3fbda0
```
#3fbda0 rgb(63,189,160)
```
#35c7a5
```
#35c7a5 rgb(53,199,165)
```
#2cd0aa
```
#2cd0aa rgb(44,208,170)
```
#22daaf
```
#22daaf rgb(34,218,175)
```
#18e4b4
```
#18e4b4 rgb(24,228,180)
```
#0fedb9
```
#0fedb9 rgb(15,237,185)
```
#05f7be
```
#05f7be rgb(5,247,190)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#85aaa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec4a7 Protanopia 1% of men
#d9bebd Deuteranopia 1% of men
#57d4e4 Tritanopia 0.001% of the population

Trichromacy

#8fccaa Protanomaly 1% of men, 0.01% of women
#96c8b8 Deuteranomaly 6% of men, 0.4% of women
#43d6d1 Tritanomaly 0.01% of the population

#22daaf hex color

#22daaf Color Information

#22daaf Color Conversion

Color Schemes with #22daaf

Alternatives to #22daaf

#22daaf Preview

Shades and Tints of #22daaf

Tones of #22daaf

Color Blindness Simulator