#21eced hex color

In a RGB color space, hex #21eced is composed of 12.9% red, 92.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 0.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 180.3 degrees, a saturation of 85% and a lightness of 52.9%. #21eced color hex could be obtained by blending #42ffff with #00d9db. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 13
- G 93
- B 93
RGB color chart
- C 86
- M 0
- Y 0
- K 7
CMYK color chart

● #21eced color description : Vivid cyan.

The hexadecimal color #21eced has RGB values of R:33, G:236, B:237 and CMYK values of C:0.86, M:0, Y:0, K:0.07. Its decimal value is 2223341.

Hex triplet	21eced	`#21eced`
RGB Decimal	33, 236, 237	`rgb(33,236,237)`
RGB Percent	12.9, 92.5, 92.9	`rgb(12.9%,92.5%,92.9%)`
CMYK	86, 0, 0, 7
HSL	180.3°, 85, 52.9	`hsl(180.3,85%,52.9%)`
HSV (or HSB)	180.3°, 86.1, 92.9
Web Safe	33ffff	`#33ffff`

CIE-LAB	85.212, -43.97, -13.553
XYZ	45.904, 66.424, 90.518
xyY	0.226, 0.327, 66.424
CIE-LCH	85.212, 46.011, 197.131
CIE-LUV	85.212, -64.341, -14.749
Hunter-Lab	81.501, -42.09, -8.799
Binary	00100001, 11101100, 11101101

#21eced
```
#21eced rgb(33,236,237)
```
#ed2221
```
#ed2221 rgb(237,34,33)
```

Complementary Color

#21ed88
```
#21ed88 rgb(33,237,136)
```
#21eced
```
#21eced rgb(33,236,237)
```
#2186ed
```
#2186ed rgb(33,134,237)
```

Analogous Color

#ed8821
```
#ed8821 rgb(237,136,33)
```
#21eced
```
#21eced rgb(33,236,237)
```
#ed2186
```
#ed2186 rgb(237,33,134)
```

Split Complementary Color

#eced21
```
#eced21 rgb(236,237,33)
```
#21eced
```
#21eced rgb(33,236,237)
```
#ed21ec
```
#ed21ec rgb(237,33,236)
```

Triadic Color

#21ed22
```
#21ed22 rgb(33,237,34)
```
#21eced
```
#21eced rgb(33,236,237)
```
#ed21ec
```
#ed21ec rgb(237,33,236)
```
#ed2221
```
#ed2221 rgb(237,34,33)
```

Tetradic Color

#0fb2b3
```
#0fb2b3 rgb(15,178,179)
```
#10cacb
```
#10cacb rgb(16,202,203)
```
#12e1e2
```
#12e1e2 rgb(18,225,226)
```
#21eced
```
#21eced rgb(33,236,237)
```
#39eeef
```
#39eeef rgb(57,238,239)
```
#50f0f1
```
#50f0f1 rgb(80,240,241)
```
#68f2f3
```
#68f2f3 rgb(104,242,243)
```

Monochromatic Color

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

#21edbb
```
#21edbb rgb(33,237,187)
```
#21edcc
```
#21edcc rgb(33,237,204)
```
#21eddd
```
#21eddd rgb(33,237,221)
```
#21eced
```
#21eced rgb(33,236,237)
```
#21dbed
```
#21dbed rgb(33,219,237)
```
#21caed
```
#21caed rgb(33,202,237)
```
#21b9ed
```
#21b9ed rgb(33,185,237)
```

Similar Colors

Text with hexadecimal color #21eced

This text has a font color of #21eced.

<span style="color:#21eced;">Text here</span>

#21eced background color

This paragraph has a background color of #21eced.

<p style="background-color:#21eced;">Content here</p>

#21eced border color

This element has a border color of #21eced.

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

CSS codes

.text {color:#21eced;}

.background {background-color:#21eced;}

.border {border:1px solid #21eced;}

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, #010e0e is the darkest color, while #fbffff is the lightest one.

#010e0e
```
#010e0e rgb(1,14,14)
```
#032020
```
#032020 rgb(3,32,32)
```
#043232
```
#043232 rgb(4,50,50)
```
#064444
```
#064444 rgb(6,68,68)
```
#075656
```
#075656 rgb(7,86,86)
```
#086869
```
#086869 rgb(8,104,105)
```
#0a7a7b
```
#0a7a7b rgb(10,122,123)
```
#0b8c8d
```
#0b8c8d rgb(11,140,141)
```
#0d9e9f
```
#0d9e9f rgb(13,158,159)
```
#0eb0b1
```
#0eb0b1 rgb(14,176,177)
```
#10c2c3
```
#10c2c3 rgb(16,194,195)
```
#11d5d5
```
#11d5d5 rgb(17,213,213)
```
#13e7e8
```
#13e7e8 rgb(19,231,232)
```

Shade Color Variation

#21eced
```
#21eced rgb(33,236,237)
```
#33eeee
```
#33eeee rgb(51,238,238)
```
#45eff0
```
#45eff0 rgb(69,239,240)
```
#57f1f1
```
#57f1f1 rgb(87,241,241)
```
#6af2f3
```
#6af2f3 rgb(106,242,243)
```
#7cf4f4
```
#7cf4f4 rgb(124,244,244)
```
#8ef5f6
```
#8ef5f6 rgb(142,245,246)
```
#a0f7f7
```
#a0f7f7 rgb(160,247,247)
```
#b2f8f9
```
#b2f8f9 rgb(178,248,249)
```
#c4fafa
```
#c4fafa rgb(196,250,250)
```
#d6fcfc
```
#d6fcfc rgb(214,252,252)
```
#e9fdfd
```
#e9fdfd rgb(233,253,253)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878787 is the less saturated color, while #18f5f6 is the most saturated one.

#878787
```
#878787 rgb(135,135,135)
```
#7d9191
```
#7d9191 rgb(125,145,145)
```
#749a9a
```
#749a9a rgb(116,154,154)
```
#6ba3a3
```
#6ba3a3 rgb(107,163,163)
```
#62acac
```
#62acac rgb(98,172,172)
```
#58b5b6
```
#58b5b6 rgb(88,181,182)
```
#4fbebf
```
#4fbebf rgb(79,190,191)
```
#46c7c8
```
#46c7c8 rgb(70,199,200)
```
#3dd1d1
```
#3dd1d1 rgb(61,209,209)
```
#33dadb
```
#33dadb rgb(51,218,219)
```
#2ae3e4
```
#2ae3e4 rgb(42,227,228)
```
#21eced
```
#21eced rgb(33,236,237)
```
#18f5f6
```
#18f5f6 rgb(24,245,246)
```

Tone Color Variation

Below, you can see how #21eced 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

#afafaf Achromatopsia 0.005% of the population
#93bbbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d5e0 Protanopia 1% of men
#dad2f7 Deuteranopia 1% of men
#40eafb Tritanopia 0.001% of the population

Trichromacy

#95dde5 Protanomaly 1% of men, 0.01% of women
#96dbf3 Deuteranomaly 6% of men, 0.4% of women
#35ebf6 Tritanomaly 0.01% of the population

#21eced hex color

#21eced Color Information

#21eced Color Conversion

Color Schemes with #21eced

Alternatives to #21eced

#21eced Preview

Shades and Tints of #21eced

Tones of #21eced

Color Blindness Simulator