#22cedc hex color

In a RGB color space, hex #22cedc is composed of 13.3% red, 80.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 6.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 184.5 degrees, a saturation of 73.2% and a lightness of 49.8%. #22cedc color hex could be obtained by blending #44ffff with #009db9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 81
- B 86
RGB color chart
- C 85
- M 6
- Y 0
- K 14
CMYK color chart

● #22cedc color description : Bright cyan.

The hexadecimal color #22cedc has RGB values of R:34, G:206, B:220 and CMYK values of C:0.85, M:0.06, Y:0, K:0.14. Its decimal value is 2281180.

Hex triplet	22cedc	`#22cedc`
RGB Decimal	34, 206, 220	`rgb(34,206,220)`
RGB Percent	13.3, 80.8, 86.3	`rgb(13.3%,80.8%,86.3%)`
CMYK	85, 6, 0, 14
HSL	184.5°, 73.2, 49.8	`hsl(184.5,73.2%,49.8%)`
HSV (or HSB)	184.5°, 84.5, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.852, -35.341, -18.586
XYZ	35.645, 49.646, 75.41
xyY	0.222, 0.309, 49.646
CIE-LCH	75.852, 39.93, 207.74
CIE-LUV	75.852, -55.407, -24.096
Hunter-Lab	70.46, -33.003, -14.133
Binary	00100010, 11001110, 11011100

#22cedc
```
#22cedc rgb(34,206,220)
```
#dc3022
```
#dc3022 rgb(220,48,34)
```

Complementary Color

#22dc8d
```
#22dc8d rgb(34,220,141)
```
#22cedc
```
#22cedc rgb(34,206,220)
```
#2271dc
```
#2271dc rgb(34,113,220)
```

Analogous Color

#dc8d22
```
#dc8d22 rgb(220,141,34)
```
#22cedc
```
#22cedc rgb(34,206,220)
```
#dc2271
```
#dc2271 rgb(220,34,113)
```

Split Complementary Color

#cedc22
```
#cedc22 rgb(206,220,34)
```
#22cedc
```
#22cedc rgb(34,206,220)
```
#dc22ce
```
#dc22ce rgb(220,34,206)
```

Triadic Color

#22dc30
```
#22dc30 rgb(34,220,48)
```
#22cedc
```
#22cedc rgb(34,206,220)
```
#dc22ce
```
#dc22ce rgb(220,34,206)
```
#dc3022
```
#dc3022 rgb(220,48,34)
```

Tetradic Color

#18909a
```
#18909a rgb(24,144,154)
```
#1ba5b0
```
#1ba5b0 rgb(27,165,176)
```
#1fb9c6
```
#1fb9c6 rgb(31,185,198)
```
#22cedc
```
#22cedc rgb(34,206,220)
```
#37d3e0
```
#37d3e0 rgb(55,211,224)
```
#4dd8e4
```
#4dd8e4 rgb(77,216,228)
```
#64dde7
```
#64dde7 rgb(100,221,231)
```

Monochromatic Color

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

#22dcbc
```
#22dcbc rgb(34,220,188)
```
#22dccb
```
#22dccb rgb(34,220,203)
```
#22dcdb
```
#22dcdb rgb(34,220,219)
```
#22cedc
```
#22cedc rgb(34,206,220)
```
#22bfdc
```
#22bfdc rgb(34,191,220)
```
#22afdc
```
#22afdc rgb(34,175,220)
```
#22a0dc
```
#22a0dc rgb(34,160,220)
```

Similar Colors

Text with hexadecimal color #22cedc

This text has a font color of #22cedc.

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

#22cedc background color

This paragraph has a background color of #22cedc.

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

#22cedc border color

This element has a border color of #22cedc.

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

CSS codes

.text {color:#22cedc;}

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

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

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

#020f10
```
#020f10 rgb(2,15,16)
```
#051f21
```
#051f21 rgb(5,31,33)
```
#082f32
```
#082f32 rgb(8,47,50)
```
#0a3f43
```
#0a3f43 rgb(10,63,67)
```
#0d4f54
```
#0d4f54 rgb(13,79,84)
```
#105f65
```
#105f65 rgb(16,95,101)
```
#126f76
```
#126f76 rgb(18,111,118)
```
#157e87
```
#157e87 rgb(21,126,135)
```
#178e98
```
#178e98 rgb(23,142,152)
```
#1a9ea9
```
#1a9ea9 rgb(26,158,169)
```
#1daeba
```
#1daeba rgb(29,174,186)
```
#1fbecb
```
#1fbecb rgb(31,190,203)
```
#22cedc
```
#22cedc rgb(34,206,220)
```

Shade Color Variation

#32d2df
```
#32d2df rgb(50,210,223)
```
#43d6e2
```
#43d6e2 rgb(67,214,226)
```
#54dae5
```
#54dae5 rgb(84,218,229)
```
#65dde7
```
#65dde7 rgb(101,221,231)
```
#76e1ea
```
#76e1ea rgb(118,225,234)
```
#87e5ec
```
#87e5ec rgb(135,229,236)
```
#98e9ef
```
#98e9ef rgb(152,233,239)
```
#a9ecf2
```
#a9ecf2 rgb(169,236,242)
```
#baf0f4
```
#baf0f4 rgb(186,240,244)
```
#cbf4f7
```
#cbf4f7 rgb(203,244,247)
```
#dcf7fa
```
#dcf7fa rgb(220,247,250)
```
#edfbfc
```
#edfbfc rgb(237,251,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#7a8384
```
#7a8384 rgb(122,131,132)
```
#708c8e
```
#708c8e rgb(112,140,142)
```
#669498
```
#669498 rgb(102,148,152)
```
#5d9ca1
```
#5d9ca1 rgb(93,156,161)
```
#53a5ab
```
#53a5ab rgb(83,165,171)
```
#49adb5
```
#49adb5 rgb(73,173,181)
```
#3fb5bf
```
#3fb5bf rgb(63,181,191)
```
#36bdc8
```
#36bdc8 rgb(54,189,200)
```
#2cc6d2
```
#2cc6d2 rgb(44,198,210)
```
#22cedc
```
#22cedc rgb(34,206,220)
```
#18d6e6
```
#18d6e6 rgb(24,214,230)
```
#0edff0
```
#0edff0 rgb(14,223,240)
```
#05e7f9
```
#05e7f9 rgb(5,231,249)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#84a6a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbbdd2 Protanopia 1% of men
#bbbae6 Deuteranopia 1% of men
#30d0df Tritanopia 0.001% of the population

Trichromacy

#83c3d5 Protanomaly 1% of men, 0.01% of women
#83c1e2 Deuteranomaly 6% of men, 0.4% of women
#2bcfde Tritanomaly 0.01% of the population

#22cedc hex color

#22cedc Color Information

#22cedc Color Conversion

Color Schemes with #22cedc

Alternatives to #22cedc

#22cedc Preview

Shades and Tints of #22cedc

Tones of #22cedc

Color Blindness Simulator