#21c6fd hex color

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

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

● #21c6fd color description : Vivid cyan.

The hexadecimal color #21c6fd has RGB values of R:33, G:198, B:253 and CMYK values of C:0.87, M:0.22, Y:0, K:0.01. Its decimal value is 2213629.

Hex triplet	21c6fd	`#21c6fd`
RGB Decimal	33, 198, 253	`rgb(33,198,253)`
RGB Percent	12.9, 77.6, 99.2	`rgb(12.9%,77.6%,99.2%)`
CMYK	87, 22, 0, 1
HSL	195°, 98.2, 56.1	`hsl(195,98.2%,56.1%)`
HSV (or HSB)	195°, 87, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.698, -20.842, -38.106
XYZ	38.546, 47.8, 100.118
xyY	0.207, 0.256, 47.8
CIE-LCH	74.698, 43.433, 241.323
CIE-LUV	74.698, -50.318, -59.151
Hunter-Lab	69.137, -21.471, -37.462
Binary	00100001, 11000110, 11111101

#21c6fd
```
#21c6fd rgb(33,198,253)
```
#fd5821
```
#fd5821 rgb(253,88,33)
```

Complementary Color

#21fdc6
```
#21fdc6 rgb(33,253,198)
```
#21c6fd
```
#21c6fd rgb(33,198,253)
```
#2158fd
```
#2158fd rgb(33,88,253)
```

Analogous Color

#fdc621
```
#fdc621 rgb(253,198,33)
```
#21c6fd
```
#21c6fd rgb(33,198,253)
```
#fd2158
```
#fd2158 rgb(253,33,88)
```

Split Complementary Color

#c6fd21
```
#c6fd21 rgb(198,253,33)
```
#21c6fd
```
#21c6fd rgb(33,198,253)
```
#fd21c6
```
#fd21c6 rgb(253,33,198)
```

Triadic Color

#21fd58
```
#21fd58 rgb(33,253,88)
```
#21c6fd
```
#21c6fd rgb(33,198,253)
```
#fd21c6
```
#fd21c6 rgb(253,33,198)
```
#fd5821
```
#fd5821 rgb(253,88,33)
```

Tetradic Color

#029cd0
```
#029cd0 rgb(2,156,208)
```
#02afe9
```
#02afe9 rgb(2,175,233)
```
#08c0fd
```
#08c0fd rgb(8,192,253)
```
#21c6fd
```
#21c6fd rgb(33,198,253)
```
#3accfd
```
#3accfd rgb(58,204,253)
```
#54d3fd
```
#54d3fd rgb(84,211,253)
```
#6dd9fe
```
#6dd9fe rgb(109,217,254)
```

Monochromatic Color

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

#21fdfd
```
#21fdfd rgb(33,253,253)
```
#21ebfd
```
#21ebfd rgb(33,235,253)
```
#21d8fd
```
#21d8fd rgb(33,216,253)
```
#21c6fd
```
#21c6fd rgb(33,198,253)
```
#21b4fd
```
#21b4fd rgb(33,180,253)
```
#21a1fd
```
#21a1fd rgb(33,161,253)
```
#218ffd
```
#218ffd rgb(33,143,253)
```

Similar Colors

Text with hexadecimal color #21c6fd

This text has a font color of #21c6fd.

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

#21c6fd background color

This paragraph has a background color of #21c6fd.

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

#21c6fd border color

This element has a border color of #21c6fd.

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

CSS codes

.text {color:#21c6fd;}

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

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

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, #00080b is the darkest color, while #f7fdff is the lightest one.

#00080b
```
#00080b rgb(0,8,11)
```
#00171f
```
#00171f rgb(0,23,31)
```
#002632
```
#002632 rgb(0,38,50)
```
#013446
```
#013446 rgb(1,52,70)
```
#014359
```
#014359 rgb(1,67,89)
```
#01526c
```
#01526c rgb(1,82,108)
```
#016080
```
#016080 rgb(1,96,128)
```
#016f93
```
#016f93 rgb(1,111,147)
```
#027da7
```
#027da7 rgb(2,125,167)
```
#028cba
```
#028cba rgb(2,140,186)
```
#029bce
```
#029bce rgb(2,155,206)
```
#02a9e1
```
#02a9e1 rgb(2,169,225)
```
#02b8f5
```
#02b8f5 rgb(2,184,245)
```

Shade Color Variation

#0ec1fd
```
#0ec1fd rgb(14,193,253)
```
#21c6fd
```
#21c6fd rgb(33,198,253)
```
#34cbfd
```
#34cbfd rgb(52,203,253)
```
#48d0fd
```
#48d0fd rgb(72,208,253)
```
#5bd5fe
```
#5bd5fe rgb(91,213,254)
```
#6fdafe
```
#6fdafe rgb(111,218,254)
```
#82dffe
```
#82dffe rgb(130,223,254)
```
#96e4fe
```
#96e4fe rgb(150,228,254)
```
#a9e9fe
```
#a9e9fe rgb(169,233,254)
```
#bdeefe
```
#bdeefe rgb(189,238,254)
```
#d0f3ff
```
#d0f3ff rgb(208,243,255)
```
#e3f8ff
```
#e3f8ff rgb(227,248,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#889296
```
#889296 rgb(136,146,150)
```
#80979e
```
#80979e rgb(128,151,158)
```
#779ba7
```
#779ba7 rgb(119,155,167)
```
#6f9faf
```
#6f9faf rgb(111,159,175)
```
#66a4b8
```
#66a4b8 rgb(102,164,184)
```
#5da8c1
```
#5da8c1 rgb(93,168,193)
```
#55acc9
```
#55acc9 rgb(85,172,201)
```
#4cb0d2
```
#4cb0d2 rgb(76,176,210)
```
#43b5db
```
#43b5db rgb(67,181,219)
```
#3bb9e3
```
#3bb9e3 rgb(59,185,227)
```
#32bdec
```
#32bdec rgb(50,189,236)
```
#2ac2f4
```
#2ac2f4 rgb(42,194,244)
```
#21c6fd
```
#21c6fd rgb(33,198,253)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#83a4af Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab9f2 Protanopia 1% of men
#a0baff Deuteranopia 1% of men
#00cddc Tritanopia 0.001% of the population

Trichromacy

#78bef6 Protanomaly 1% of men, 0.01% of women
#72befe Deuteranomaly 6% of men, 0.4% of women
#0ccae8 Tritanomaly 0.01% of the population

#21c6fd hex color

#21c6fd Color Information

#21c6fd Color Conversion

Color Schemes with #21c6fd

Alternatives to #21c6fd

#21c6fd Preview

Shades and Tints of #21c6fd

Tones of #21c6fd

Color Blindness Simulator