colorhexa.com

#22b5a2 hex color

In a RGB color space, hex #22b5a2 is composed of 13.3% red, 71% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 0% magenta, 10.5% yellow and 29% black. It has a hue angle of 172.2 degrees, a saturation of 68.4% and a lightness of 42.2%. #22b5a2 color hex could be obtained by blending #44ffff with #006b45. Closest websafe color is: #33cc99.

- R 13
- G 71
- B 64
RGB color chart
- C 81
- M 0
- Y 10
- K 29
CMYK color chart

● #22b5a2 color description : Strong cyan.

The hexadecimal color #22b5a2 has RGB values of R:34, G:181, B:162 and CMYK values of C:0.81, M:0, Y:0.1, K:0.29. Its decimal value is 2274722.

Hex triplet	22b5a2	`#22b5a2`
RGB Decimal	34, 181, 162	`rgb(34,181,162)`
RGB Percent	13.3, 71, 63.5	`rgb(13.3%,71%,63.5%)`
CMYK	81, 0, 10, 29
HSL	172.2°, 68.4, 42.2	`hsl(172.2,68.4%,42.2%)`
HSV (or HSB)	172.2°, 81.2, 71
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.515, -40.95, -0.827
XYZ	23.703, 35.994, 39.879
xyY	0.238, 0.361, 35.994
CIE-LCH	66.515, 40.958, 181.157
CIE-LUV	66.515, -51.082, 5.006
Hunter-Lab	59.995, -34.469, 2.586
Binary	00100010, 10110101, 10100010

#22b5a2
```
#22b5a2 rgb(34,181,162)
```
#b52235
```
#b52235 rgb(181,34,53)
```

Complementary Color

#22b559
```
#22b559 rgb(34,181,89)
```
#22b5a2
```
#22b5a2 rgb(34,181,162)
```
#227fb5
```
#227fb5 rgb(34,127,181)
```

Analogous Color

#b55922
```
#b55922 rgb(181,89,34)
```
#22b5a2
```
#22b5a2 rgb(34,181,162)
```
#b5227f
```
#b5227f rgb(181,34,127)
```

Split Complementary Color

#b5a222
```
#b5a222 rgb(181,162,34)
```
#22b5a2
```
#22b5a2 rgb(34,181,162)
```
#a222b5
```
#a222b5 rgb(162,34,181)
```

Triadic Color

#35b522
```
#35b522 rgb(53,181,34)
```
#22b5a2
```
#22b5a2 rgb(34,181,162)
```
#a222b5
```
#a222b5 rgb(162,34,181)
```
#b52235
```
#b52235 rgb(181,34,53)
```

Tetradic Color

#167568
```
#167568 rgb(22,117,104)
```
#1a8a7c
```
#1a8a7c rgb(26,138,124)
```
#1ea08f
```
#1ea08f rgb(30,160,143)
```
#22b5a2
```
#22b5a2 rgb(34,181,162)
```
#26cab5
```
#26cab5 rgb(38,202,181)
```
#32d8c3
```
#32d8c3 rgb(50,216,195)
```
#47dcc9
```
#47dcc9 rgb(71,220,201)
```

Monochromatic Color

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

#22b57d
```
#22b57d rgb(34,181,125)
```
#22b58a
```
#22b58a rgb(34,181,138)
```
#22b596
```
#22b596 rgb(34,181,150)
```
#22b5a2
```
#22b5a2 rgb(34,181,162)
```
#22b5ae
```
#22b5ae rgb(34,181,174)
```
#22b0b5
```
#22b0b5 rgb(34,176,181)
```
#22a3b5
```
#22a3b5 rgb(34,163,181)
```

Similar Colors

Text with hexadecimal color #22b5a2

This text has a font color of #22b5a2.

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

#22b5a2 background color

This paragraph has a background color of #22b5a2.

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

#22b5a2 border color

This element has a border color of #22b5a2.

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

CSS codes

.text {color:#22b5a2;}

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

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

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

#03100e
```
#03100e rgb(3,16,14)
```
#06201d
```
#06201d rgb(6,32,29)
```
#09312c
```
#09312c rgb(9,49,44)
```
#0c413b
```
#0c413b rgb(12,65,59)
```
#0f5249
```
#0f5249 rgb(15,82,73)
```
#126258
```
#126258 rgb(18,98,88)
```
#167367
```
#167367 rgb(22,115,103)
```
#198376
```
#198376 rgb(25,131,118)
```
#1c9484
```
#1c9484 rgb(28,148,132)
```
#1fa493
```
#1fa493 rgb(31,164,147)
```
#22b5a2
```
#22b5a2 rgb(34,181,162)
```
#25c6b1
```
#25c6b1 rgb(37,198,177)
```
#28d6c0
```
#28d6c0 rgb(40,214,192)
```

Shade Color Variation

#38dac5
```
#38dac5 rgb(56,218,197)
```
#49ddca
```
#49ddca rgb(73,221,202)
```
#59e0ce
```
#59e0ce rgb(89,224,206)
```
#6ae3d3
```
#6ae3d3 rgb(106,227,211)
```
#7ae6d8
```
#7ae6d8 rgb(122,230,216)
```
#8be9dd
```
#8be9dd rgb(139,233,221)
```
#9bece2
```
#9bece2 rgb(155,236,226)
```
#acefe7
```
#acefe7 rgb(172,239,231)
```
#bcf2eb
```
#bcf2eb rgb(188,242,235)
```
#cdf6f0
```
#cdf6f0 rgb(205,246,240)
```
#ddf9f5
```
#ddf9f5 rgb(221,249,245)
```
#eefcfa
```
#eefcfa rgb(238,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, #647371 is the less saturated color, while #01d6bb is the most saturated one.

#647371
```
#647371 rgb(100,115,113)
```
#5c7b77
```
#5c7b77 rgb(92,123,119)
```
#54837d
```
#54837d rgb(84,131,125)
```
#4b8c83
```
#4b8c83 rgb(75,140,131)
```
#439489
```
#439489 rgb(67,148,137)
```
#3b9c90
```
#3b9c90 rgb(59,156,144)
```
#33a496
```
#33a496 rgb(51,164,150)
```
#2aad9c
```
#2aad9c rgb(42,173,156)
```
#22b5a2
```
#22b5a2 rgb(34,181,162)
```
#1abda8
```
#1abda8 rgb(26,189,168)
```
#11c6ae
```
#11c6ae rgb(17,198,174)
```
#09ceb4
```
#09ceb4 rgb(9,206,180)
```
#01d6bb
```
#01d6bb rgb(1,214,187)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#73908c Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba59d Protanopia 1% of men
#b2a2af Deuteranopia 1% of men
#45b4c2 Tritanopia 0.001% of the population

Trichromacy

#79ab9e Protanomaly 1% of men, 0.01% of women
#7da8aa Deuteranomaly 6% of men, 0.4% of women
#38b4b6 Tritanomaly 0.01% of the population