#22bdcd hex color

In a RGB color space, hex #22bdcd is composed of 13.3% red, 74.1% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 7.8% magenta, 0% yellow and 19.6% black. It has a hue angle of 185.6 degrees, a saturation of 71.5% and a lightness of 46.9%. #22bdcd color hex could be obtained by blending #44ffff with #007b9b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 74
- B 80
RGB color chart
- C 83
- M 8
- Y 0
- K 20
CMYK color chart

● #22bdcd color description : Strong cyan.

The hexadecimal color #22bdcd has RGB values of R:34, G:189, B:205 and CMYK values of C:0.83, M:0.08, Y:0, K:0.2. Its decimal value is 2276813.

Hex triplet	22bdcd	`#22bdcd`
RGB Decimal	34, 189, 205	`rgb(34,189,205)`
RGB Percent	13.3, 74.1, 80.4	`rgb(13.3%,74.1%,80.4%)`
CMYK	83, 8, 0, 20
HSL	185.6°, 71.5, 46.9	`hsl(185.6,71.5%,46.9%)`
HSV (or HSB)	185.6°, 83.4, 80.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.274, -31.917, -18.891
XYZ	29.874, 41.14, 64.121
xyY	0.221, 0.304, 41.14
CIE-LCH	70.274, 37.089, 210.62
CIE-LUV	70.274, -50.678, -24.85
Hunter-Lab	64.141, -29.11, -14.373
Binary	00100010, 10111101, 11001101

#22bdcd
```
#22bdcd rgb(34,189,205)
```
#cd3222
```
#cd3222 rgb(205,50,34)
```

Complementary Color

#22cd88
```
#22cd88 rgb(34,205,136)
```
#22bdcd
```
#22bdcd rgb(34,189,205)
```
#2268cd
```
#2268cd rgb(34,104,205)
```

Analogous Color

#cd8822
```
#cd8822 rgb(205,136,34)
```
#22bdcd
```
#22bdcd rgb(34,189,205)
```
#cd2268
```
#cd2268 rgb(205,34,104)
```

Split Complementary Color

#bdcd22
```
#bdcd22 rgb(189,205,34)
```
#22bdcd
```
#22bdcd rgb(34,189,205)
```
#cd22bd
```
#cd22bd rgb(205,34,189)
```

Triadic Color

#22cd32
```
#22cd32 rgb(34,205,50)
```
#22bdcd
```
#22bdcd rgb(34,189,205)
```
#cd22bd
```
#cd22bd rgb(205,34,189)
```
#cd3222
```
#cd3222 rgb(205,50,34)
```

Tetradic Color

#17818b
```
#17818b rgb(23,129,139)
```
#1b95a1
```
#1b95a1 rgb(27,149,161)
```
#1ea9b7
```
#1ea9b7 rgb(30,169,183)
```
#22bdcd
```
#22bdcd rgb(34,189,205)
```
#2cccdc
```
#2cccdc rgb(44,204,220)
```
#42d1e0
```
#42d1e0 rgb(66,209,224)
```
#58d6e3
```
#58d6e3 rgb(88,214,227)
```

Monochromatic Color

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

#22cdb2
```
#22cdb2 rgb(34,205,178)
```
#22cdc1
```
#22cdc1 rgb(34,205,193)
```
#22cbcd
```
#22cbcd rgb(34,203,205)
```
#22bdcd
```
#22bdcd rgb(34,189,205)
```
#22afcd
```
#22afcd rgb(34,175,205)
```
#22a1cd
```
#22a1cd rgb(34,161,205)
```
#2292cd
```
#2292cd rgb(34,146,205)
```

Similar Colors

Text with hexadecimal color #22bdcd

This text has a font color of #22bdcd.

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

#22bdcd background color

This paragraph has a background color of #22bdcd.

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

#22bdcd border color

This element has a border color of #22bdcd.

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

CSS codes

.text {color:#22bdcd;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#031214
```
#031214 rgb(3,18,20)
```
#062225
```
#062225 rgb(6,34,37)
```
#093136
```
#093136 rgb(9,49,54)
```
#0c4146
```
#0c4146 rgb(12,65,70)
```
#0e5057
```
#0e5057 rgb(14,80,87)
```
#116068
```
#116068 rgb(17,96,104)
```
#146f79
```
#146f79 rgb(20,111,121)
```
#177f8a
```
#177f8a rgb(23,127,138)
```
#1a8e9b
```
#1a8e9b rgb(26,142,155)
```
#1c9eab
```
#1c9eab rgb(28,158,171)
```
#1fadbc
```
#1fadbc rgb(31,173,188)
```
#22bdcd
```
#22bdcd rgb(34,189,205)
```

Shade Color Variation

#27cadb
```
#27cadb rgb(39,202,219)
```
#38cfde
```
#38cfde rgb(56,207,222)
```
#49d3e1
```
#49d3e1 rgb(73,211,225)
```
#5ad7e4
```
#5ad7e4 rgb(90,215,228)
```
#6bdbe6
```
#6bdbe6 rgb(107,219,230)
```
#7cdfe9
```
#7cdfe9 rgb(124,223,233)
```
#8ce3ec
```
#8ce3ec rgb(140,227,236)
```
#9de7ef
```
#9de7ef rgb(157,231,239)
```
#aeebf2
```
#aeebf2 rgb(174,235,242)
```
#bfeff4
```
#bfeff4 rgb(191,239,244)
```
#d0f3f7
```
#d0f3f7 rgb(208,243,247)
```
#e0f8fa
```
#e0f8fa rgb(224,248,250)
```
#f1fcfd
```
#f1fcfd rgb(241,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757a7a is the less saturated color, while #06d3e9 is the most saturated one.

#757a7a
```
#757a7a rgb(117,122,122)
```
#6c8183
```
#6c8183 rgb(108,129,131)
```
#62898d
```
#62898d rgb(98,137,141)
```
#599096
```
#599096 rgb(89,144,150)
```
#50989f
```
#50989f rgb(80,152,159)
```
#479fa8
```
#479fa8 rgb(71,159,168)
```
#3ea7b1
```
#3ea7b1 rgb(62,167,177)
```
#34aebb
```
#34aebb rgb(52,174,187)
```
#2bb6c4
```
#2bb6c4 rgb(43,182,196)
```
#22bdcd
```
#22bdcd rgb(34,189,205)
```
#19c4d6
```
#19c4d6 rgb(25,196,214)
```
#10ccdf
```
#10ccdf rgb(16,204,223)
```
#06d3e9
```
#06d3e9 rgb(6,211,233)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7a999c Atypical Achromatopsia 0.001% of the population

Dichromacy

#acaec5 Protanopia 1% of men
#abacd7 Deuteranopia 1% of men
#2cc0ce Tritanopia 0.001% of the population

Trichromacy

#7ab4c7 Protanomaly 1% of men, 0.01% of women
#79b2d3 Deuteranomaly 6% of men, 0.4% of women
#28bfce Tritanomaly 0.01% of the population

#22bdcd hex color

#22bdcd Color Information

#22bdcd Color Conversion

Color Schemes with #22bdcd

Alternatives to #22bdcd

#22bdcd Preview

Shades and Tints of #22bdcd

Tones of #22bdcd

Color Blindness Simulator