#22bed6 hex color

In a RGB color space, hex #22bed6 is composed of 13.3% red, 74.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 84.1% cyan, 11.2% magenta, 0% yellow and 16.1% black. It has a hue angle of 188 degrees, a saturation of 72.6% and a lightness of 48.6%. #22bed6 color hex could be obtained by blending #44ffff with #007dad. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 75
- B 84
RGB color chart
- C 84
- M 11
- Y 0
- K 16
CMYK color chart

● #22bed6 color description : Strong cyan.

The hexadecimal color #22bed6 has RGB values of R:34, G:190, B:214 and CMYK values of C:0.84, M:0.11, Y:0, K:0.16. Its decimal value is 2277078.

Hex triplet	22bed6	`#22bed6`
RGB Decimal	34, 190, 214	`rgb(34,190,214)`
RGB Percent	13.3, 74.5, 83.9	`rgb(13.3%,74.5%,83.9%)`
CMYK	84, 11, 0, 16
HSL	188°, 72.6, 48.6	`hsl(188,72.6%,48.6%)`
HSV (or HSB)	188°, 84.1, 83.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.884, -29.561, -22.88
XYZ	31.207, 42.019, 70.08
xyY	0.218, 0.293, 42.019
CIE-LCH	70.884, 37.381, 217.74
CIE-LUV	70.884, -50.353, -31.811
Hunter-Lab	64.822, -27.503, -18.724
Binary	00100010, 10111110, 11010110

#22bed6
```
#22bed6 rgb(34,190,214)
```
#d63a22
```
#d63a22 rgb(214,58,34)
```

Complementary Color

#22d694
```
#22d694 rgb(34,214,148)
```
#22bed6
```
#22bed6 rgb(34,190,214)
```
#2264d6
```
#2264d6 rgb(34,100,214)
```

Analogous Color

#d69422
```
#d69422 rgb(214,148,34)
```
#22bed6
```
#22bed6 rgb(34,190,214)
```
#d62264
```
#d62264 rgb(214,34,100)
```

Split Complementary Color

#bed622
```
#bed622 rgb(190,214,34)
```
#22bed6
```
#22bed6 rgb(34,190,214)
```
#d622be
```
#d622be rgb(214,34,190)
```

Triadic Color

#22d63a
```
#22d63a rgb(34,214,58)
```
#22bed6
```
#22bed6 rgb(34,190,214)
```
#d622be
```
#d622be rgb(214,34,190)
```
#d63a22
```
#d63a22 rgb(214,58,34)
```

Tetradic Color

#188394
```
#188394 rgb(24,131,148)
```
#1b97aa
```
#1b97aa rgb(27,151,170)
```
#1faac0
```
#1faac0 rgb(31,170,192)
```
#22bed6
```
#22bed6 rgb(34,190,214)
```
#33c8df
```
#33c8df rgb(51,200,223)
```
#49cee2
```
#49cee2 rgb(73,206,226)
```
#5fd4e6
```
#5fd4e6 rgb(95,212,230)
```

Monochromatic Color

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

#22d6c1
```
#22d6c1 rgb(34,214,193)
```
#22d6d0
```
#22d6d0 rgb(34,214,208)
```
#22cdd6
```
#22cdd6 rgb(34,205,214)
```
#22bed6
```
#22bed6 rgb(34,190,214)
```
#22afd6
```
#22afd6 rgb(34,175,214)
```
#22a0d6
```
#22a0d6 rgb(34,160,214)
```
#2291d6
```
#2291d6 rgb(34,145,214)
```

Similar Colors

Text with hexadecimal color #22bed6

This text has a font color of #22bed6.

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

#22bed6 background color

This paragraph has a background color of #22bed6.

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

#22bed6 border color

This element has a border color of #22bed6.

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

CSS codes

.text {color:#22bed6;}

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

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

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, #020a0b is the darkest color, while #f9fdfe is the lightest one.

#020a0b
```
#020a0b rgb(2,10,11)
```
#04191c
```
#04191c rgb(4,25,28)
```
#07282d
```
#07282d rgb(7,40,45)
```
#0a373e
```
#0a373e rgb(10,55,62)
```
#0c464f
```
#0c464f rgb(12,70,79)
```
#0f5560
```
#0f5560 rgb(15,85,96)
```
#126470
```
#126470 rgb(18,100,112)
```
#157381
```
#157381 rgb(21,115,129)
```
#178292
```
#178292 rgb(23,130,146)
```
#1a91a3
```
#1a91a3 rgb(26,145,163)
```
#1da0b4
```
#1da0b4 rgb(29,160,180)
```
#1fafc5
```
#1fafc5 rgb(31,175,197)
```
#22bed6
```
#22bed6 rgb(34,190,214)
```

Shade Color Variation

#2ec6de
```
#2ec6de rgb(46,198,222)
```
#3fcbe0
```
#3fcbe0 rgb(63,203,224)
```
#50cfe3
```
#50cfe3 rgb(80,207,227)
```
#61d4e6
```
#61d4e6 rgb(97,212,230)
```
#72d9e9
```
#72d9e9 rgb(114,217,233)
```
#82ddeb
```
#82ddeb rgb(130,221,235)
```
#93e2ee
```
#93e2ee rgb(147,226,238)
```
#a4e6f1
```
#a4e6f1 rgb(164,230,241)
```
#b5ebf3
```
#b5ebf3 rgb(181,235,243)
```
#c6f0f6
```
#c6f0f6 rgb(198,240,246)
```
#d7f4f9
```
#d7f4f9 rgb(215,244,249)
```
#e8f9fb
```
#e8f9fb rgb(232,249,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#787f80
```
#787f80 rgb(120,127,128)
```
#6e868a
```
#6e868a rgb(110,134,138)
```
#658d93
```
#658d93 rgb(101,141,147)
```
#5b949d
```
#5b949d rgb(91,148,157)
```
#529ba6
```
#529ba6 rgb(82,155,166)
```
#48a2b0
```
#48a2b0 rgb(72,162,176)
```
#3fa9b9
```
#3fa9b9 rgb(63,169,185)
```
#35b0c3
```
#35b0c3 rgb(53,176,195)
```
#2cb7cc
```
#2cb7cc rgb(44,183,204)
```
#22bed6
```
#22bed6 rgb(34,190,214)
```
#18c5e0
```
#18c5e0 rgb(24,197,224)
```
#0fcce9
```
#0fcce9 rgb(15,204,233)
```
#05d3f3
```
#05d3f3 rgb(5,211,243)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7c9ba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb0cd Protanopia 1% of men
#a8aedf Deuteranopia 1% of men
#1fc2d0 Tritanopia 0.001% of the population

Trichromacy

#79b5d0 Protanomaly 1% of men, 0.01% of women
#77b4db Deuteranomaly 6% of men, 0.4% of women
#20c0d2 Tritanomaly 0.01% of the population

#22bed6 hex color

#22bed6 Color Information

#22bed6 Color Conversion

Color Schemes with #22bed6

Alternatives to #22bed6

#22bed6 Preview

Shades and Tints of #22bed6

Tones of #22bed6

Color Blindness Simulator