#22bdce hex color

In a RGB color space, hex #22bdce is composed of 13.3% red, 74.1% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 8.3% magenta, 0% yellow and 19.2% black. It has a hue angle of 185.9 degrees, a saturation of 71.7% and a lightness of 47.1%. #22bdce color hex could be obtained by blending #44ffff with #007b9d. Closest websafe color is: #33cccc.

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

● #22bdce color description : Strong cyan.

The hexadecimal color #22bdce has RGB values of R:34, G:189, B:206 and CMYK values of C:0.83, M:0.08, Y:0, K:0.19. Its decimal value is 2276814.

Hex triplet	22bdce	`#22bdce`
RGB Decimal	34, 189, 206	`rgb(34,189,206)`
RGB Percent	13.3, 74.1, 80.8	`rgb(13.3%,74.1%,80.8%)`
CMYK	83, 8, 0, 19
HSL	185.9°, 71.7, 47.1	`hsl(185.9,71.7%,47.1%)`
HSV (or HSB)	185.9°, 83.5, 80.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.308, -31.604, -19.387
XYZ	29.995, 41.189, 64.758
xyY	0.221, 0.303, 41.189
CIE-LCH	70.308, 37.077, 211.526
CIE-LUV	70.308, -50.603, -25.711
Hunter-Lab	64.178, -28.888, -14.901
Binary	00100010, 10111101, 11001110

#22bdce
```
#22bdce rgb(34,189,206)
```
#ce3322
```
#ce3322 rgb(206,51,34)
```

Complementary Color

#22ce89
```
#22ce89 rgb(34,206,137)
```
#22bdce
```
#22bdce rgb(34,189,206)
```
#2267ce
```
#2267ce rgb(34,103,206)
```

Analogous Color

#ce8922
```
#ce8922 rgb(206,137,34)
```
#22bdce
```
#22bdce rgb(34,189,206)
```
#ce2267
```
#ce2267 rgb(206,34,103)
```

Split Complementary Color

#bdce22
```
#bdce22 rgb(189,206,34)
```
#22bdce
```
#22bdce rgb(34,189,206)
```
#ce22bd
```
#ce22bd rgb(206,34,189)
```

Triadic Color

#22ce33
```
#22ce33 rgb(34,206,51)
```
#22bdce
```
#22bdce rgb(34,189,206)
```
#ce22bd
```
#ce22bd rgb(206,34,189)
```
#ce3322
```
#ce3322 rgb(206,51,34)
```

Tetradic Color

#17818c
```
#17818c rgb(23,129,140)
```
#1b95a2
```
#1b95a2 rgb(27,149,162)
```
#1ea9b8
```
#1ea9b8 rgb(30,169,184)
```
#22bdce
```
#22bdce rgb(34,189,206)
```
#2dcbdc
```
#2dcbdc rgb(45,203,220)
```
#43d0e0
```
#43d0e0 rgb(67,208,224)
```
#59d6e4
```
#59d6e4 rgb(89,214,228)
```

Monochromatic Color

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

#22ceb4
```
#22ceb4 rgb(34,206,180)
```
#22cec2
```
#22cec2 rgb(34,206,194)
```
#22cbce
```
#22cbce rgb(34,203,206)
```
#22bdce
```
#22bdce rgb(34,189,206)
```
#22afce
```
#22afce rgb(34,175,206)
```
#22a0ce
```
#22a0ce rgb(34,160,206)
```
#2292ce
```
#2292ce rgb(34,146,206)
```

Similar Colors

Text with hexadecimal color #22bdce

This text has a font color of #22bdce.

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

#22bdce background color

This paragraph has a background color of #22bdce.

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

#22bdce border color

This element has a border color of #22bdce.

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

CSS codes

.text {color:#22bdce;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#031315
```
#031315 rgb(3,19,21)
```
#062326
```
#062326 rgb(6,35,38)
```
#093236
```
#093236 rgb(9,50,54)
```
#0c4147
```
#0c4147 rgb(12,65,71)
```
#0f5158
```
#0f5158 rgb(15,81,88)
```
#116069
```
#116069 rgb(17,96,105)
```
#14707a
```
#14707a rgb(20,112,122)
```
#177f8b
```
#177f8b rgb(23,127,139)
```
#1a8f9b
```
#1a8f9b rgb(26,143,155)
```
#1c9eac
```
#1c9eac rgb(28,158,172)
```
#1faebd
```
#1faebd rgb(31,174,189)
```
#22bdce
```
#22bdce rgb(34,189,206)
```

Shade Color Variation

#28cadc
```
#28cadc rgb(40,202,220)
```
#39cede
```
#39cede rgb(57,206,222)
```
#4ad2e1
```
#4ad2e1 rgb(74,210,225)
```
#5bd6e4
```
#5bd6e4 rgb(91,214,228)
```
#6bdae7
```
#6bdae7 rgb(107,218,231)
```
#7cdfe9
```
#7cdfe9 rgb(124,223,233)
```
#8de3ec
```
#8de3ec rgb(141,227,236)
```
#9ee7ef
```
#9ee7ef rgb(158,231,239)
```
#afebf2
```
#afebf2 rgb(175,235,242)
```
#c0eff5
```
#c0eff5 rgb(192,239,245)
```
#d0f3f7
```
#d0f3f7 rgb(208,243,247)
```
#e1f8fa
```
#e1f8fa rgb(225,248,250)
```
#f2fcfd
```
#f2fcfd rgb(242,252,253)
```

Tint Color Variation

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

#757a7b
```
#757a7b rgb(117,122,123)
```
#6c8284
```
#6c8284 rgb(108,130,132)
```
#63898d
```
#63898d rgb(99,137,141)
```
#599197
```
#599197 rgb(89,145,151)
```
#5098a0
```
#5098a0 rgb(80,152,160)
```
#479fa9
```
#479fa9 rgb(71,159,169)
```
#3ea7b2
```
#3ea7b2 rgb(62,167,178)
```
#34aebc
```
#34aebc rgb(52,174,188)
```
#2bb6c5
```
#2bb6c5 rgb(43,182,197)
```
#22bdce
```
#22bdce rgb(34,189,206)
```
#19c4d7
```
#19c4d7 rgb(25,196,215)
```
#10cce0
```
#10cce0 rgb(16,204,224)
```
#06d3ea
```
#06d3ea rgb(6,211,234)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7b9a9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#acaec6 Protanopia 1% of men
#aaadd7 Deuteranopia 1% of men
#2ac0ce Tritanopia 0.001% of the population

Trichromacy

#7ab4c8 Protanomaly 1% of men, 0.01% of women
#79b2d4 Deuteranomaly 6% of men, 0.4% of women
#27bfce Tritanomaly 0.01% of the population

#22bdce hex color

#22bdce Color Information

#22bdce Color Conversion

Color Schemes with #22bdce

Alternatives to #22bdce

#22bdce Preview

Shades and Tints of #22bdce

Tones of #22bdce

Color Blindness Simulator