#21defd hex color

In a RGB color space, hex #21defd is composed of 12.9% red, 87.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 12.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 188.5 degrees, a saturation of 98.2% and a lightness of 56.1%. #21defd color hex could be obtained by blending #42ffff with #00bdfb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 87
- B 99
RGB color chart
- C 87
- M 12
- Y 0
- K 1
CMYK color chart

● #21defd color description : Vivid cyan.

The hexadecimal color #21defd has RGB values of R:33, G:222, B:253 and CMYK values of C:0.87, M:0.12, Y:0, K:0.01. Its decimal value is 2219773.

Hex triplet	21defd	`#21defd`
RGB Decimal	33, 222, 253	`rgb(33,222,253)`
RGB Percent	12.9, 87.1, 99.2	`rgb(12.9%,87.1%,99.2%)`
CMYK	87, 12, 0, 1
HSL	188.5°, 98.2, 56.1	`hsl(188.5,98.2%,56.1%)`
HSV (or HSB)	188.5°, 87, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.649, -32.732, -27.392
XYZ	44.473, 59.653, 102.093
xyY	0.216, 0.289, 59.653
CIE-LCH	81.649, 42.681, 219.925
CIE-LUV	81.649, -58.398, -39.591
Hunter-Lab	77.236, -32.38, -24.307
Binary	00100001, 11011110, 11111101

#21defd
```
#21defd rgb(33,222,253)
```
#fd4021
```
#fd4021 rgb(253,64,33)
```

Complementary Color

#21fdae
```
#21fdae rgb(33,253,174)
```
#21defd
```
#21defd rgb(33,222,253)
```
#2170fd
```
#2170fd rgb(33,112,253)
```

Analogous Color

#fdae21
```
#fdae21 rgb(253,174,33)
```
#21defd
```
#21defd rgb(33,222,253)
```
#fd2170
```
#fd2170 rgb(253,33,112)
```

Split Complementary Color

#defd21
```
#defd21 rgb(222,253,33)
```
#21defd
```
#21defd rgb(33,222,253)
```
#fd21de
```
#fd21de rgb(253,33,222)
```

Triadic Color

#21fd40
```
#21fd40 rgb(33,253,64)
```
#21defd
```
#21defd rgb(33,222,253)
```
#fd21de
```
#fd21de rgb(253,33,222)
```
#fd4021
```
#fd4021 rgb(253,64,33)
```

Tetradic Color

#02b3d0
```
#02b3d0 rgb(2,179,208)
```
#02c8e9
```
#02c8e9 rgb(2,200,233)
```
#08dafd
```
#08dafd rgb(8,218,253)
```
#21defd
```
#21defd rgb(33,222,253)
```
#3ae2fd
```
#3ae2fd rgb(58,226,253)
```
#54e6fd
```
#54e6fd rgb(84,230,253)
```
#6de9fe
```
#6de9fe rgb(109,233,254)
```

Monochromatic Color

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

#21fde5
```
#21fde5 rgb(33,253,229)
```
#21fdf7
```
#21fdf7 rgb(33,253,247)
```
#21f0fd
```
#21f0fd rgb(33,240,253)
```
#21defd
```
#21defd rgb(33,222,253)
```
#21ccfd
```
#21ccfd rgb(33,204,253)
```
#21b9fd
```
#21b9fd rgb(33,185,253)
```
#21a7fd
```
#21a7fd rgb(33,167,253)
```

Similar Colors

Text with hexadecimal color #21defd

This text has a font color of #21defd.

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

#21defd background color

This paragraph has a background color of #21defd.

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

#21defd border color

This element has a border color of #21defd.

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

CSS codes

.text {color:#21defd;}

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

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

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

#000a0b
```
#000a0b rgb(0,10,11)
```
#001a1f
```
#001a1f rgb(0,26,31)
```
#002b32
```
#002b32 rgb(0,43,50)
```
#013c46
```
#013c46 rgb(1,60,70)
```
#014d59
```
#014d59 rgb(1,77,89)
```
#015d6c
```
#015d6c rgb(1,93,108)
```
#016e80
```
#016e80 rgb(1,110,128)
```
#017f93
```
#017f93 rgb(1,127,147)
```
#0290a7
```
#0290a7 rgb(2,144,167)
```
#02a0ba
```
#02a0ba rgb(2,160,186)
```
#02b1ce
```
#02b1ce rgb(2,177,206)
```
#02c2e1
```
#02c2e1 rgb(2,194,225)
```
#02d2f5
```
#02d2f5 rgb(2,210,245)
```

Shade Color Variation

#0edbfd
```
#0edbfd rgb(14,219,253)
```
#21defd
```
#21defd rgb(33,222,253)
```
#34e1fd
```
#34e1fd rgb(52,225,253)
```
#48e4fd
```
#48e4fd rgb(72,228,253)
```
#5be7fe
```
#5be7fe rgb(91,231,254)
```
#6feafe
```
#6feafe rgb(111,234,254)
```
#82ecfe
```
#82ecfe rgb(130,236,254)
```
#96effe
```
#96effe rgb(150,239,254)
```
#a9f2fe
```
#a9f2fe rgb(169,242,254)
```
#bdf5fe
```
#bdf5fe rgb(189,245,254)
```
#d0f8ff
```
#d0f8ff rgb(208,248,255)
```
#e3fbff
```
#e3fbff rgb(227,251,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#889496
```
#889496 rgb(136,148,150)
```
#809a9e
```
#809a9e rgb(128,154,158)
```
#77a0a7
```
#77a0a7 rgb(119,160,167)
```
#6fa6af
```
#6fa6af rgb(111,166,175)
```
#66adb8
```
#66adb8 rgb(102,173,184)
```
#5db3c1
```
#5db3c1 rgb(93,179,193)
```
#55b9c9
```
#55b9c9 rgb(85,185,201)
```
#4cbfd2
```
#4cbfd2 rgb(76,191,210)
```
#43c5db
```
#43c5db rgb(67,197,219)
```
#3bcbe3
```
#3bcbe3 rgb(59,203,227)
```
#32d2ec
```
#32d2ec rgb(50,210,236)
```
#2ad8f4
```
#2ad8f4 rgb(42,216,244)
```
#21defd
```
#21defd rgb(33,222,253)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#8eb4ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cbf0 Protanopia 1% of men
#c2caff Deuteranopia 1% of men
#00e1f2 Tritanopia 0.001% of the population

Trichromacy

#89d2f5 Protanomaly 1% of men, 0.01% of women
#87d1fe Deuteranomaly 6% of men, 0.4% of women
#0ce0f6 Tritanomaly 0.01% of the population

#21defd hex color

#21defd Color Information

#21defd Color Conversion

Color Schemes with #21defd

Alternatives to #21defd

#21defd Preview

Shades and Tints of #21defd

Tones of #21defd

Color Blindness Simulator