#22dcc0 hex color

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

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

● #22dcc0 color description : Bright cyan.

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

Hex triplet	22dcc0	`#22dcc0`
RGB Decimal	34, 220, 192	`rgb(34,220,192)`
RGB Percent	13.3, 86.3, 75.3	`rgb(13.3%,86.3%,75.3%)`
CMYK	85, 0, 13, 14
HSL	171°, 73.2, 49.8	`hsl(171,73.2%,49.8%)`
HSV (or HSB)	171°, 84.5, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.23, -49.504, 1.451
XYZ	35.764, 55.329, 58.661
xyY	0.239, 0.369, 55.329
CIE-LCH	79.23, 49.525, 178.322
CIE-LUV	79.23, -62.322, 9.99
Hunter-Lab	74.383, -44.347, 5.31
Binary	00100010, 11011100, 11000000

#22dcc0
```
#22dcc0 rgb(34,220,192)
```
#dc223e
```
#dc223e rgb(220,34,62)
```

Complementary Color

#22dc63
```
#22dc63 rgb(34,220,99)
```
#22dcc0
```
#22dcc0 rgb(34,220,192)
```
#229bdc
```
#229bdc rgb(34,155,220)
```

Analogous Color

#dc6322
```
#dc6322 rgb(220,99,34)
```
#22dcc0
```
#22dcc0 rgb(34,220,192)
```
#dc229b
```
#dc229b rgb(220,34,155)
```

Split Complementary Color

#dcc022
```
#dcc022 rgb(220,192,34)
```
#22dcc0
```
#22dcc0 rgb(34,220,192)
```
#c022dc
```
#c022dc rgb(192,34,220)
```

Triadic Color

#3edc22
```
#3edc22 rgb(62,220,34)
```
#22dcc0
```
#22dcc0 rgb(34,220,192)
```
#c022dc
```
#c022dc rgb(192,34,220)
```
#dc223e
```
#dc223e rgb(220,34,62)
```

Tetradic Color

#189a86
```
#189a86 rgb(24,154,134)
```
#1bb099
```
#1bb099 rgb(27,176,153)
```
#1fc6ad
```
#1fc6ad rgb(31,198,173)
```
#22dcc0
```
#22dcc0 rgb(34,220,192)
```
#37e0c7
```
#37e0c7 rgb(55,224,199)
```
#4de4cd
```
#4de4cd rgb(77,228,205)
```
#64e7d3
```
#64e7d3 rgb(100,231,211)
```

Monochromatic Color

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

#22dc92
```
#22dc92 rgb(34,220,146)
```
#22dca1
```
#22dca1 rgb(34,220,161)
```
#22dcb1
```
#22dcb1 rgb(34,220,177)
```
#22dcc0
```
#22dcc0 rgb(34,220,192)
```
#22dcd0
```
#22dcd0 rgb(34,220,208)
```
#22d9dc
```
#22d9dc rgb(34,217,220)
```
#22cadc
```
#22cadc rgb(34,202,220)
```

Similar Colors

Text with hexadecimal color #22dcc0

This text has a font color of #22dcc0.

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

#22dcc0 background color

This paragraph has a background color of #22dcc0.

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

#22dcc0 border color

This element has a border color of #22dcc0.

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

CSS codes

.text {color:#22dcc0;}

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

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

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)
```
#05211d
```
#05211d rgb(5,33,29)
```
#08322c
```
#08322c rgb(8,50,44)
```
#0a433b
```
#0a433b rgb(10,67,59)
```
#0d5449
```
#0d5449 rgb(13,84,73)
```
#106558
```
#106558 rgb(16,101,88)
```
#127667
```
#127667 rgb(18,118,103)
```
#158776
```
#158776 rgb(21,135,118)
```
#179885
```
#179885 rgb(23,152,133)
```
#1aa994
```
#1aa994 rgb(26,169,148)
```
#1dbaa2
```
#1dbaa2 rgb(29,186,162)
```
#1fcbb1
```
#1fcbb1 rgb(31,203,177)
```
#22dcc0
```
#22dcc0 rgb(34,220,192)
```

Shade Color Variation

#32dfc5
```
#32dfc5 rgb(50,223,197)
```
#43e2ca
```
#43e2ca rgb(67,226,202)
```
#54e5cf
```
#54e5cf rgb(84,229,207)
```
#65e7d4
```
#65e7d4 rgb(101,231,212)
```
#76ead8
```
#76ead8 rgb(118,234,216)
```
#87ecdd
```
#87ecdd rgb(135,236,221)
```
#98efe2
```
#98efe2 rgb(152,239,226)
```
#a9f2e7
```
#a9f2e7 rgb(169,242,231)
```
#baf4ec
```
#baf4ec rgb(186,244,236)
```
#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, #7a8483 is the less saturated color, while #05f9d4 is the most saturated one.

#7a8483
```
#7a8483 rgb(122,132,131)
```
#708e89
```
#708e89 rgb(112,142,137)
```
#669890
```
#669890 rgb(102,152,144)
```
#5da197
```
#5da197 rgb(93,161,151)
```
#53ab9e
```
#53ab9e rgb(83,171,158)
```
#49b5a5
```
#49b5a5 rgb(73,181,165)
```
#3fbfac
```
#3fbfac rgb(63,191,172)
```
#36c8b2
```
#36c8b2 rgb(54,200,178)
```
#2cd2b9
```
#2cd2b9 rgb(44,210,185)
```
#22dcc0
```
#22dcc0 rgb(34,220,192)
```
#18e6c7
```
#18e6c7 rgb(24,230,199)
```
#0ef0ce
```
#0ef0ce rgb(14,240,206)
```
#05f9d4
```
#05f9d4 rgb(5,249,212)
```

Tone Color Variation

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

#cec6b7 Protanopia 1% of men
#d6c1cd Deuteranopia 1% of men
#50d8e8 Tritanopia 0.001% of the population

Trichromacy

#8fceba Protanomaly 1% of men, 0.01% of women
#95cbc8 Deuteranomaly 6% of men, 0.4% of women
#3fd9d9 Tritanomaly 0.01% of the population

#22dcc0 hex color

#22dcc0 Color Information

#22dcc0 Color Conversion

Color Schemes with #22dcc0

Alternatives to #22dcc0

#22dcc0 Preview

Shades and Tints of #22dcc0

Tones of #22dcc0

Color Blindness Simulator