colorhexa.com

#22cbab hex color

In a RGB color space, hex #22cbab is composed of 13.3% red, 79.6% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 0% magenta, 15.8% yellow and 20.4% black. It has a hue angle of 168.6 degrees, a saturation of 71.3% and a lightness of 46.5%. #22cbab color hex could be obtained by blending #44ffff with #009757. Closest websafe color is: #33cc99.

- R 13
- G 80
- B 67
RGB color chart
- C 83
- M 0
- Y 16
- K 20
CMYK color chart

● #22cbab color description : Strong cyan.

The hexadecimal color #22cbab has RGB values of R:34, G:203, B:171 and CMYK values of C:0.83, M:0, Y:0.16, K:0.2. Its decimal value is 2280363.

Hex triplet	22cbab	`#22cbab`
RGB Decimal	34, 203, 171	`rgb(34,203,171)`
RGB Percent	13.3, 79.6, 67.1	`rgb(13.3%,79.6%,67.1%)`
CMYK	83, 0, 16, 20
HSL	168.6°, 71.3, 46.5	`hsl(168.6,71.3%,46.5%)`
HSV (or HSB)	168.6°, 83.3, 79.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.539, -47.934, 4.464
XYZ	29.364, 45.989, 45.855
xyY	0.242, 0.379, 45.989
CIE-LCH	73.539, 48.141, 174.68
CIE-LUV	73.539, -58.077, 14.113
Hunter-Lab	67.815, -41.387, 7.38
Binary	00100010, 11001011, 10101011

#22cbab
```
#22cbab rgb(34,203,171)
```
#cb2242
```
#cb2242 rgb(203,34,66)
```

Complementary Color

#22cb57
```
#22cb57 rgb(34,203,87)
```
#22cbab
```
#22cbab rgb(34,203,171)
```
#2297cb
```
#2297cb rgb(34,151,203)
```

Analogous Color

#cb5722
```
#cb5722 rgb(203,87,34)
```
#22cbab
```
#22cbab rgb(34,203,171)
```
#cb2297
```
#cb2297 rgb(203,34,151)
```

Split Complementary Color

#cbab22
```
#cbab22 rgb(203,171,34)
```
#22cbab
```
#22cbab rgb(34,203,171)
```
#ab22cb
```
#ab22cb rgb(171,34,203)
```

Triadic Color

#42cb22
```
#42cb22 rgb(66,203,34)
```
#22cbab
```
#22cbab rgb(34,203,171)
```
#ab22cb
```
#ab22cb rgb(171,34,203)
```
#cb2242
```
#cb2242 rgb(203,34,66)
```

Tetradic Color

#178974
```
#178974 rgb(23,137,116)
```
#1b9f86
```
#1b9f86 rgb(27,159,134)
```
#1eb599
```
#1eb599 rgb(30,181,153)
```
#22cbab
```
#22cbab rgb(34,203,171)
```
#2bdbba
```
#2bdbba rgb(43,219,186)
```
#41dfc1
```
#41dfc1 rgb(65,223,193)
```
#57e3c8
```
#57e3c8 rgb(87,227,200)
```

Monochromatic Color

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

#22cb81
```
#22cb81 rgb(34,203,129)
```
#22cb8f
```
#22cb8f rgb(34,203,143)
```
#22cb9d
```
#22cb9d rgb(34,203,157)
```
#22cbab
```
#22cbab rgb(34,203,171)
```
#22cbb9
```
#22cbb9 rgb(34,203,185)
```
#22cbc7
```
#22cbc7 rgb(34,203,199)
```
#22c1cb
```
#22c1cb rgb(34,193,203)
```

Similar Colors

Text with hexadecimal color #22cbab

This text has a font color of #22cbab.

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

#22cbab background color

This paragraph has a background color of #22cbab.

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

#22cbab border color

This element has a border color of #22cbab.

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

CSS codes

.text {color:#22cbab;}

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

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

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, #000101 is the darkest color, while #f0fcfa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#03120f
```
#03120f rgb(3,18,15)
```
#06231d
```
#06231d rgb(6,35,29)
```
#09342c
```
#09342c rgb(9,52,44)
```
#0b453a
```
#0b453a rgb(11,69,58)
```
#0e5548
```
#0e5548 rgb(14,85,72)
```
#116656
```
#116656 rgb(17,102,86)
```
#147764
```
#147764 rgb(20,119,100)
```
#178872
```
#178872 rgb(23,136,114)
```
#1a9981
```
#1a9981 rgb(26,153,129)
```
#1ca98f
```
#1ca98f rgb(28,169,143)
```
#1fba9d
```
#1fba9d rgb(31,186,157)
```
#22cbab
```
#22cbab rgb(34,203,171)
```

Shade Color Variation

#26dbb8
```
#26dbb8 rgb(38,219,184)
```
#37ddbe
```
#37ddbe rgb(55,221,190)
```
#48e0c3
```
#48e0c3 rgb(72,224,195)
```
#58e3c9
```
#58e3c9 rgb(88,227,201)
```
#69e6ce
```
#69e6ce rgb(105,230,206)
```
#7ae9d4
```
#7ae9d4 rgb(122,233,212)
```
#8becd9
```
#8becd9 rgb(139,236,217)
```
#9ceedf
```
#9ceedf rgb(156,238,223)
```
#acf1e4
```
#acf1e4 rgb(172,241,228)
```
#bdf4ea
```
#bdf4ea rgb(189,244,234)
```
#cef7ef
```
#cef7ef rgb(206,247,239)
```
#dffaf5
```
#dffaf5 rgb(223,250,245)
```
#f0fcfa
```
#f0fcfa rgb(240,252,250)
```

Tint Color Variation

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

#747978
```
#747978 rgb(116,121,120)
```
#6b827e
```
#6b827e rgb(107,130,126)
```
#628b83
```
#628b83 rgb(98,139,131)
```
#599489
```
#599489 rgb(89,148,137)
```
#509d8f
```
#509d8f rgb(80,157,143)
```
#46a794
```
#46a794 rgb(70,167,148)
```
#3db09a
```
#3db09a rgb(61,176,154)
```
#34b9a0
```
#34b9a0 rgb(52,185,160)
```
#2bc2a5
```
#2bc2a5 rgb(43,194,165)
```
#22cbab
```
#22cbab rgb(34,203,171)
```
#19d4b1
```
#19d4b1 rgb(25,212,177)
```
#10ddb6
```
#10ddb6 rgb(16,221,182)
```
#07e6bc
```
#07e6bc rgb(7,230,188)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#7ea099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b7a4 Protanopia 1% of men
#c9b3b8 Deuteranopia 1% of men
#4fc8d6 Tritanopia 0.001% of the population

Trichromacy

#86bea6 Protanomaly 1% of men, 0.01% of women
#8cbbb3 Deuteranomaly 6% of men, 0.4% of women
#3ec9c6 Tritanomaly 0.01% of the population