#22dcbd hex color

In a RGB color space, hex #22dcbd is composed of 13.3% red, 86.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 0% magenta, 14.1% yellow and 13.7% black. It has a hue angle of 170 degrees, a saturation of 73.2% and a lightness of 49.8%. #22dcbd color hex could be obtained by blending #44ffff with #00b97b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 86
- B 74
RGB color chart
- C 85
- M 0
- Y 14
- K 14
CMYK color chart

● #22dcbd color description : Bright cyan.

The hexadecimal color #22dcbd has RGB values of R:34, G:220, B:189 and CMYK values of C:0.85, M:0, Y:0.14, K:0.14. Its decimal value is 2284733.

Hex triplet	22dcbd	`#22dcbd`
RGB Decimal	34, 220, 189	`rgb(34,220,189)`
RGB Percent	13.3, 86.3, 74.1	`rgb(13.3%,86.3%,74.1%)`
CMYK	85, 0, 14, 14
HSL	170°, 73.2, 49.8	`hsl(170,73.2%,49.8%)`
HSV (or HSB)	170°, 84.5, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.155, -50.288, 2.939
XYZ	35.435, 55.197, 56.928
xyY	0.24, 0.374, 55.197
CIE-LCH	79.155, 50.374, 176.655
CIE-LUV	79.155, -62.547, 12.37
Hunter-Lab	74.295, -44.88, 6.576
Binary	00100010, 11011100, 10111101

#22dcbd
```
#22dcbd rgb(34,220,189)
```
#dc2241
```
#dc2241 rgb(220,34,65)
```

Complementary Color

#22dc60
```
#22dc60 rgb(34,220,96)
```
#22dcbd
```
#22dcbd rgb(34,220,189)
```
#229edc
```
#229edc rgb(34,158,220)
```

Analogous Color

#dc6022
```
#dc6022 rgb(220,96,34)
```
#22dcbd
```
#22dcbd rgb(34,220,189)
```
#dc229e
```
#dc229e rgb(220,34,158)
```

Split Complementary Color

#dcbd22
```
#dcbd22 rgb(220,189,34)
```
#22dcbd
```
#22dcbd rgb(34,220,189)
```
#bd22dc
```
#bd22dc rgb(189,34,220)
```

Triadic Color

#41dc22
```
#41dc22 rgb(65,220,34)
```
#22dcbd
```
#22dcbd rgb(34,220,189)
```
#bd22dc
```
#bd22dc rgb(189,34,220)
```
#dc2241
```
#dc2241 rgb(220,34,65)
```

Tetradic Color

#189a84
```
#189a84 rgb(24,154,132)
```
#1bb097
```
#1bb097 rgb(27,176,151)
```
#1fc6aa
```
#1fc6aa rgb(31,198,170)
```
#22dcbd
```
#22dcbd rgb(34,220,189)
```
#37e0c4
```
#37e0c4 rgb(55,224,196)
```
#4de4cb
```
#4de4cb rgb(77,228,203)
```
#64e7d1
```
#64e7d1 rgb(100,231,209)
```

Monochromatic Color

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

#22dc8f
```
#22dc8f rgb(34,220,143)
```
#22dc9e
```
#22dc9e rgb(34,220,158)
```
#22dcae
```
#22dcae rgb(34,220,174)
```
#22dcbd
```
#22dcbd rgb(34,220,189)
```
#22dccd
```
#22dccd rgb(34,220,205)
```
#22dcdc
```
#22dcdc rgb(34,220,220)
```
#22cddc
```
#22cddc rgb(34,205,220)
```

Similar Colors

Text with hexadecimal color #22dcbd

This text has a font color of #22dcbd.

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

#22dcbd background color

This paragraph has a background color of #22dcbd.

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

#22dcbd border color

This element has a border color of #22dcbd.

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

CSS codes

.text {color:#22dcbd;}

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

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

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, #02100e is the darkest color, while #feffff is the lightest one.

#02100e
```
#02100e rgb(2,16,14)
```
#05211c
```
#05211c rgb(5,33,28)
```
#08322b
```
#08322b rgb(8,50,43)
```
#0a433a
```
#0a433a rgb(10,67,58)
```
#0d5448
```
#0d5448 rgb(13,84,72)
```
#106557
```
#106557 rgb(16,101,87)
```
#127665
```
#127665 rgb(18,118,101)
```
#158774
```
#158774 rgb(21,135,116)
```
#179883
```
#179883 rgb(23,152,131)
```
#1aa991
```
#1aa991 rgb(26,169,145)
```
#1dbaa0
```
#1dbaa0 rgb(29,186,160)
```
#1fcbae
```
#1fcbae rgb(31,203,174)
```
#22dcbd
```
#22dcbd rgb(34,220,189)
```

Shade Color Variation

#32dfc3
```
#32dfc3 rgb(50,223,195)
```
#43e2c8
```
#43e2c8 rgb(67,226,200)
```
#54e5cd
```
#54e5cd rgb(84,229,205)
```
#65e7d2
```
#65e7d2 rgb(101,231,210)
```
#76ead7
```
#76ead7 rgb(118,234,215)
```
#87ecdc
```
#87ecdc rgb(135,236,220)
```
#98efe1
```
#98efe1 rgb(152,239,225)
```
#a9f2e6
```
#a9f2e6 rgb(169,242,230)
```
#baf4eb
```
#baf4eb rgb(186,244,235)
```
#cbf7f0
```
#cbf7f0 rgb(203,247,240)
```
#dcfaf5
```
#dcfaf5 rgb(220,250,245)
```
#edfcfa
```
#edfcfa rgb(237,252,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#7a8482
```
#7a8482 rgb(122,132,130)
```
#708e89
```
#708e89 rgb(112,142,137)
```
#66988f
```
#66988f rgb(102,152,143)
```
#5da196
```
#5da196 rgb(93,161,150)
```
#53ab9c
```
#53ab9c rgb(83,171,156)
```
#49b5a3
```
#49b5a3 rgb(73,181,163)
```
#3fbfa9
```
#3fbfa9 rgb(63,191,169)
```
#36c8b0
```
#36c8b0 rgb(54,200,176)
```
#2cd2b6
```
#2cd2b6 rgb(44,210,182)
```
#22dcbd
```
#22dcbd rgb(34,220,189)
```
#18e6c4
```
#18e6c4 rgb(24,230,196)
```
#0ef0ca
```
#0ef0ca rgb(14,240,202)
```
#05f9d1
```
#05f9d1 rgb(5,249,209)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#88ada7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec6b4 Protanopia 1% of men
#d7c1ca Deuteranopia 1% of men
#52d8e7 Tritanopia 0.001% of the population

Trichromacy

#90ceb7 Protanomaly 1% of men, 0.01% of women
#95cbc5 Deuteranomaly 6% of men, 0.4% of women
#40d9d8 Tritanomaly 0.01% of the population

#22dcbd hex color

#22dcbd Color Information

#22dcbd Color Conversion

Color Schemes with #22dcbd

Alternatives to #22dcbd

#22dcbd Preview

Shades and Tints of #22dcbd

Tones of #22dcbd

Color Blindness Simulator