#22d5ca hex color

In a RGB color space, hex #22d5ca is composed of 13.3% red, 83.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 0% magenta, 5.2% yellow and 16.5% black. It has a hue angle of 176.3 degrees, a saturation of 72.5% and a lightness of 48.4%. #22d5ca color hex could be obtained by blending #44ffff with #00ab95. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 84
- B 79
RGB color chart
- C 84
- M 0
- Y 5
- K 16
CMYK color chart

● #22d5ca color description : Strong cyan.

The hexadecimal color #22d5ca has RGB values of R:34, G:213, B:202 and CMYK values of C:0.84, M:0, Y:0.05, K:0.16. Its decimal value is 2282954.

Hex triplet	22d5ca	`#22d5ca`
RGB Decimal	34, 213, 202	`rgb(34,213,202)`
RGB Percent	13.3, 83.5, 79.2	`rgb(13.3%,83.5%,79.2%)`
CMYK	84, 0, 5, 16
HSL	176.3°, 72.5, 48.4	`hsl(176.3,72.5%,48.4%)`
HSV (or HSB)	176.3°, 84, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.394, -43.799, -6.595
XYZ	35.111, 52.189, 64.097
xyY	0.232, 0.345, 52.189
CIE-LCH	77.394, 44.292, 188.563
CIE-LUV	77.394, -59.179, -3.415
Hunter-Lab	72.242, -39.669, -2.036
Binary	00100010, 11010101, 11001010

#22d5ca
```
#22d5ca rgb(34,213,202)
```
#d5222d
```
#d5222d rgb(213,34,45)
```

Complementary Color

#22d571
```
#22d571 rgb(34,213,113)
```
#22d5ca
```
#22d5ca rgb(34,213,202)
```
#2287d5
```
#2287d5 rgb(34,135,213)
```

Analogous Color

#d57122
```
#d57122 rgb(213,113,34)
```
#22d5ca
```
#22d5ca rgb(34,213,202)
```
#d52287
```
#d52287 rgb(213,34,135)
```

Split Complementary Color

#d5ca22
```
#d5ca22 rgb(213,202,34)
```
#22d5ca
```
#22d5ca rgb(34,213,202)
```
#ca22d5
```
#ca22d5 rgb(202,34,213)
```

Triadic Color

#2dd522
```
#2dd522 rgb(45,213,34)
```
#22d5ca
```
#22d5ca rgb(34,213,202)
```
#ca22d5
```
#ca22d5 rgb(202,34,213)
```
#d5222d
```
#d5222d rgb(213,34,45)
```

Tetradic Color

#17938b
```
#17938b rgb(23,147,139)
```
#1ba9a0
```
#1ba9a0 rgb(27,169,160)
```
#1ebfb5
```
#1ebfb5 rgb(30,191,181)
```
#22d5ca
```
#22d5ca rgb(34,213,202)
```
#32ded4
```
#32ded4 rgb(50,222,212)
```
#48e2d8
```
#48e2d8 rgb(72,226,216)
```
#5ee5dd
```
#5ee5dd rgb(94,229,221)
```

Monochromatic Color

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

#22d59d
```
#22d59d rgb(34,213,157)
```
#22d5ac
```
#22d5ac rgb(34,213,172)
```
#22d5bb
```
#22d5bb rgb(34,213,187)
```
#22d5ca
```
#22d5ca rgb(34,213,202)
```
#22d1d5
```
#22d1d5 rgb(34,209,213)
```
#22c2d5
```
#22c2d5 rgb(34,194,213)
```
#22b3d5
```
#22b3d5 rgb(34,179,213)
```

Similar Colors

Text with hexadecimal color #22d5ca

This text has a font color of #22d5ca.

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

#22d5ca background color

This paragraph has a background color of #22d5ca.

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

#22d5ca border color

This element has a border color of #22d5ca.

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

CSS codes

.text {color:#22d5ca;}

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

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

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

#020a09
```
#020a09 rgb(2,10,9)
```
#041b1a
```
#041b1a rgb(4,27,26)
```
#072c2a
```
#072c2a rgb(7,44,42)
```
#0a3d3a
```
#0a3d3a rgb(10,61,58)
```
#0c4e4a
```
#0c4e4a rgb(12,78,74)
```
#0f5f5a
```
#0f5f5a rgb(15,95,90)
```
#12706a
```
#12706a rgb(18,112,106)
```
#14807a
```
#14807a rgb(20,128,122)
```
#17918a
```
#17918a rgb(23,145,138)
```
#1aa29a
```
#1aa29a rgb(26,162,154)
```
#1db3aa
```
#1db3aa rgb(29,179,170)
```
#1fc4ba
```
#1fc4ba rgb(31,196,186)
```
#22d5ca
```
#22d5ca rgb(34,213,202)
```

Shade Color Variation

#2dddd3
```
#2dddd3 rgb(45,221,211)
```
#3ee0d6
```
#3ee0d6 rgb(62,224,214)
```
#4fe3da
```
#4fe3da rgb(79,227,218)
```
#60e6dd
```
#60e6dd rgb(96,230,221)
```
#71e8e1
```
#71e8e1 rgb(113,232,225)
```
#82ebe5
```
#82ebe5 rgb(130,235,229)
```
#93eee8
```
#93eee8 rgb(147,238,232)
```
#a4f0ec
```
#a4f0ec rgb(164,240,236)
```
#b4f3ef
```
#b4f3ef rgb(180,243,239)
```
#c5f6f3
```
#c5f6f3 rgb(197,246,243)
```
#d6f8f6
```
#d6f8f6 rgb(214,248,246)
```
#e7fbfa
```
#e7fbfa rgb(231,251,250)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#78807f
```
#78807f rgb(120,128,127)
```
#6e8987
```
#6e8987 rgb(110,137,135)
```
#659390
```
#659390 rgb(101,147,144)
```
#5b9c98
```
#5b9c98 rgb(91,156,152)
```
#52a6a0
```
#52a6a0 rgb(82,166,160)
```
#48afa9
```
#48afa9 rgb(72,175,169)
```
#3fb9b1
```
#3fb9b1 rgb(63,185,177)
```
#35c2b9
```
#35c2b9 rgb(53,194,185)
```
#2cccc2
```
#2cccc2 rgb(44,204,194)
```
#22d5ca
```
#22d5ca rgb(34,213,202)
```
#19dfd2
```
#19dfd2 rgb(25,223,210)
```
#0fe8db
```
#0fe8db rgb(15,232,219)
```
#05f2e3
```
#05f2e3 rgb(5,242,227)
```

Tone Color Variation

Below, you can see how #22d5ca 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
#85a9a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c1c1 Protanopia 1% of men
#cabdd6 Deuteranopia 1% of men
#46d3e3 Tritanopia 0.001% of the population

Trichromacy

#8ac8c4 Protanomaly 1% of men, 0.01% of women
#8dc6d1 Deuteranomaly 6% of men, 0.4% of women
#39d4da Tritanomaly 0.01% of the population

#22d5ca hex color

#22d5ca Color Information

#22d5ca Color Conversion

Color Schemes with #22d5ca

Alternatives to #22d5ca

#22d5ca Preview

Shades and Tints of #22d5ca

Tones of #22d5ca

Color Blindness Simulator