#22e1bd hex color

In a RGB color space, hex #22e1bd is composed of 13.3% red, 88.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 0% magenta, 16% yellow and 11.8% black. It has a hue angle of 168.7 degrees, a saturation of 76.1% and a lightness of 50.8%. #22e1bd color hex could be obtained by blending #44ffff with #00c37b. Closest websafe color is: #33cccc.

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

● #22e1bd color description : Bright cyan.

The hexadecimal color #22e1bd has RGB values of R:34, G:225, B:189 and CMYK values of C:0.85, M:0, Y:0.16, K:0.12. Its decimal value is 2286013.

Hex triplet	22e1bd	`#22e1bd`
RGB Decimal	34, 225, 189	`rgb(34,225,189)`
RGB Percent	13.3, 88.2, 74.1	`rgb(13.3%,88.2%,74.1%)`
CMYK	85, 0, 16, 12
HSL	168.7°, 76.1, 50.8	`hsl(168.7,76.1%,50.8%)`
HSV (or HSB)	168.7°, 84.9, 88.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.661, -52.33, 5.119
XYZ	36.767, 57.861, 57.372
xyY	0.242, 0.381, 57.861
CIE-LCH	80.661, 52.579, 174.413
CIE-LUV	80.661, -64.238, 16.015
Hunter-Lab	76.066, -46.838, 8.528
Binary	00100010, 11100001, 10111101

#22e1bd
```
#22e1bd rgb(34,225,189)
```
#e12246
```
#e12246 rgb(225,34,70)
```

Complementary Color

#22e15e
```
#22e15e rgb(34,225,94)
```
#22e1bd
```
#22e1bd rgb(34,225,189)
```
#22a6e1
```
#22a6e1 rgb(34,166,225)
```

Analogous Color

#e15e22
```
#e15e22 rgb(225,94,34)
```
#22e1bd
```
#22e1bd rgb(34,225,189)
```
#e122a6
```
#e122a6 rgb(225,34,166)
```

Split Complementary Color

#e1bd22
```
#e1bd22 rgb(225,189,34)
```
#22e1bd
```
#22e1bd rgb(34,225,189)
```
#bd22e1
```
#bd22e1 rgb(189,34,225)
```

Triadic Color

#46e122
```
#46e122 rgb(70,225,34)
```
#22e1bd
```
#22e1bd rgb(34,225,189)
```
#bd22e1
```
#bd22e1 rgb(189,34,225)
```
#e12246
```
#e12246 rgb(225,34,70)
```

Tetradic Color

#16a187
```
#16a187 rgb(22,161,135)
```
#19b799
```
#19b799 rgb(25,183,153)
```
#1cceac
```
#1cceac rgb(28,206,172)
```
#22e1bd
```
#22e1bd rgb(34,225,189)
```
#38e4c4
```
#38e4c4 rgb(56,228,196)
```
#4fe7ca
```
#4fe7ca rgb(79,231,202)
```
#65ead1
```
#65ead1 rgb(101,234,209)
```

Monochromatic Color

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

#22e18d
```
#22e18d rgb(34,225,141)
```
#22e19d
```
#22e19d rgb(34,225,157)
```
#22e1ad
```
#22e1ad rgb(34,225,173)
```
#22e1bd
```
#22e1bd rgb(34,225,189)
```
#22e1cd
```
#22e1cd rgb(34,225,205)
```
#22e1dd
```
#22e1dd rgb(34,225,221)
```
#22d5e1
```
#22d5e1 rgb(34,213,225)
```

Similar Colors

Text with hexadecimal color #22e1bd

This text has a font color of #22e1bd.

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

#22e1bd background color

This paragraph has a background color of #22e1bd.

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

#22e1bd border color

This element has a border color of #22e1bd.

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

CSS codes

.text {color:#22e1bd;}

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

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

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

#000403
```
#000403 rgb(0,4,3)
```
#031511
```
#031511 rgb(3,21,17)
```
#052620
```
#052620 rgb(5,38,32)
```
#08372e
```
#08372e rgb(8,55,46)
```
#0a493d
```
#0a493d rgb(10,73,61)
```
#0c5a4b
```
#0c5a4b rgb(12,90,75)
```
#0f6b5a
```
#0f6b5a rgb(15,107,90)
```
#117c68
```
#117c68 rgb(17,124,104)
```
#138e77
```
#138e77 rgb(19,142,119)
```
#169f85
```
#169f85 rgb(22,159,133)
```
#18b094
```
#18b094 rgb(24,176,148)
```
#1ac2a2
```
#1ac2a2 rgb(26,194,162)
```
#1dd3b0
```
#1dd3b0 rgb(29,211,176)
```

Shade Color Variation

#22e1bd
```
#22e1bd rgb(34,225,189)
```
#33e3c2
```
#33e3c2 rgb(51,227,194)
```
#45e6c7
```
#45e6c7 rgb(69,230,199)
```
#56e8cc
```
#56e8cc rgb(86,232,204)
```
#67ead2
```
#67ead2 rgb(103,234,210)
```
#78edd7
```
#78edd7 rgb(120,237,215)
```
#8aefdc
```
#8aefdc rgb(138,239,220)
```
#9bf1e1
```
#9bf1e1 rgb(155,241,225)
```
#acf4e6
```
#acf4e6 rgb(172,244,230)
```
#bdf6eb
```
#bdf6eb rgb(189,246,235)
```
#cff8f1
```
#cff8f1 rgb(207,248,241)
```
#e0fbf6
```
#e0fbf6 rgb(224,251,246)
```
#f1fdfb
```
#f1fdfb rgb(241,253,251)
```

Tint Color Variation

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

#798a87
```
#798a87 rgb(121,138,135)
```
#6f948d
```
#6f948d rgb(111,148,141)
```
#669d93
```
#669d93 rgb(102,157,147)
```
#5ca799
```
#5ca799 rgb(92,167,153)
```
#52b19f
```
#52b19f rgb(82,177,159)
```
#49baa5
```
#49baa5 rgb(73,186,165)
```
#3fc4ab
```
#3fc4ab rgb(63,196,171)
```
#35ceb1
```
#35ceb1 rgb(53,206,177)
```
#2cd7b7
```
#2cd7b7 rgb(44,215,183)
```
#22e1bd
```
#22e1bd rgb(34,225,189)
```
#18ebc3
```
#18ebc3 rgb(24,235,195)
```
#0ff4c9
```
#0ff4c9 rgb(15,244,201)
```
#05fecf
```
#05fecf rgb(5,254,207)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8ab0a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3cab4 Protanopia 1% of men
#ddc5ca Deuteranopia 1% of men
#55dcec Tritanopia 0.001% of the population

Trichromacy

#93d2b7 Protanomaly 1% of men, 0.01% of women
#99cfc5 Deuteranomaly 6% of men, 0.4% of women
#42dddb Tritanomaly 0.01% of the population

#22e1bd hex color

#22e1bd Color Information

#22e1bd Color Conversion

Color Schemes with #22e1bd

Alternatives to #22e1bd

#22e1bd Preview

Shades and Tints of #22e1bd

Tones of #22e1bd

Color Blindness Simulator