#21c2ff hex color

In a RGB color space, hex #21c2ff is composed of 12.9% red, 76.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 23.9% magenta, 0% yellow and 0% black. It has a hue angle of 196.5 degrees, a saturation of 100% and a lightness of 56.5%. #21c2ff color hex could be obtained by blending #42ffff with #0085ff. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 76
- B 100
RGB color chart
- C 87
- M 24
- Y 0
- K 0
CMYK color chart

● #21c2ff color description : Vivid blue.

The hexadecimal color #21c2ff has RGB values of R:33, G:194, B:255 and CMYK values of C:0.87, M:0.24, Y:0, K:0. Its decimal value is 2212607.

Hex triplet	21c2ff	`#21c2ff`
RGB Decimal	33, 194, 255	`rgb(33,194,255)`
RGB Percent	12.9, 76.1, 100	`rgb(12.9%,76.1%,100%)`
CMYK	87, 24, 0, 0
HSL	196.5°, 100, 56.5	`hsl(196.5,100%,56.5%)`
HSV (or HSB)	196.5°, 87.1, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.625, -18.09, -40.849
XYZ	37.964, 46.123, 101.504
xyY	0.205, 0.249, 46.123
CIE-LCH	73.625, 44.675, 246.114
CIE-LUV	73.625, -48.835, -64.13
Hunter-Lab	67.914, -19.067, -41.075
Binary	00100001, 11000010, 11111111

#21c2ff
```
#21c2ff rgb(33,194,255)
```
#ff5e21
```
#ff5e21 rgb(255,94,33)
```

Complementary Color

#21ffcd
```
#21ffcd rgb(33,255,205)
```
#21c2ff
```
#21c2ff rgb(33,194,255)
```
#2153ff
```
#2153ff rgb(33,83,255)
```

Analogous Color

#ffcd21
```
#ffcd21 rgb(255,205,33)
```
#21c2ff
```
#21c2ff rgb(33,194,255)
```
#ff2153
```
#ff2153 rgb(255,33,83)
```

Split Complementary Color

#c2ff21
```
#c2ff21 rgb(194,255,33)
```
#21c2ff
```
#21c2ff rgb(33,194,255)
```
#ff21c2
```
#ff21c2 rgb(255,33,194)
```

Triadic Color

#21ff5e
```
#21ff5e rgb(33,255,94)
```
#21c2ff
```
#21c2ff rgb(33,194,255)
```
#ff21c2
```
#ff21c2 rgb(255,33,194)
```
#ff5e21
```
#ff5e21 rgb(255,94,33)
```

Tetradic Color

#0099d4
```
#0099d4 rgb(0,153,212)
```
#00aced
```
#00aced rgb(0,172,237)
```
#07bbff
```
#07bbff rgb(7,187,255)
```
#21c2ff
```
#21c2ff rgb(33,194,255)
```
#3bc9ff
```
#3bc9ff rgb(59,201,255)
```
#54d0ff
```
#54d0ff rgb(84,208,255)
```
#6ed7ff
```
#6ed7ff rgb(110,215,255)
```

Monochromatic Color

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

#21faff
```
#21faff rgb(33,250,255)
```
#21e7ff
```
#21e7ff rgb(33,231,255)
```
#21d5ff
```
#21d5ff rgb(33,213,255)
```
#21c2ff
```
#21c2ff rgb(33,194,255)
```
#21b0ff
```
#21b0ff rgb(33,176,255)
```
#219dff
```
#219dff rgb(33,157,255)
```
#218bff
```
#218bff rgb(33,139,255)
```

Similar Colors

Text with hexadecimal color #21c2ff

This text has a font color of #21c2ff.

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

#21c2ff background color

This paragraph has a background color of #21c2ff.

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

#21c2ff border color

This element has a border color of #21c2ff.

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

CSS codes

.text {color:#21c2ff;}

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

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

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

#000a0d
```
#000a0d rgb(0,10,13)
```
#001821
```
#001821 rgb(0,24,33)
```
#002635
```
#002635 rgb(0,38,53)
```
#003448
```
#003448 rgb(0,52,72)
```
#00435c
```
#00435c rgb(0,67,92)
```
#00516f
```
#00516f rgb(0,81,111)
```
#005f83
```
#005f83 rgb(0,95,131)
```
#006d97
```
#006d97 rgb(0,109,151)
```
#007caa
```
#007caa rgb(0,124,170)
```
#008abe
```
#008abe rgb(0,138,190)
```
#0098d2
```
#0098d2 rgb(0,152,210)
```
#00a6e5
```
#00a6e5 rgb(0,166,229)
```
#00b4f9
```
#00b4f9 rgb(0,180,249)
```

Shade Color Variation

#0dbdff
```
#0dbdff rgb(13,189,255)
```
#21c2ff
```
#21c2ff rgb(33,194,255)
```
#35c7ff
```
#35c7ff rgb(53,199,255)
```
#48cdff
```
#48cdff rgb(72,205,255)
```
#5cd2ff
```
#5cd2ff rgb(92,210,255)
```
#6fd8ff
```
#6fd8ff rgb(111,216,255)
```
#83ddff
```
#83ddff rgb(131,221,255)
```
#97e2ff
```
#97e2ff rgb(151,226,255)
```
#aae8ff
```
#aae8ff rgb(170,232,255)
```
#beedff
```
#beedff rgb(190,237,255)
```
#d2f3ff
```
#d2f3ff rgb(210,243,255)
```
#e5f8ff
```
#e5f8ff rgb(229,248,255)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#879499
```
#879499 rgb(135,148,153)
```
#7f98a1
```
#7f98a1 rgb(127,152,161)
```
#769caa
```
#769caa rgb(118,156,170)
```
#6e9fb2
```
#6e9fb2 rgb(110,159,178)
```
#65a3bb
```
#65a3bb rgb(101,163,187)
```
#5da7c3
```
#5da7c3 rgb(93,167,195)
```
#54abcc
```
#54abcc rgb(84,171,204)
```
#4cafd4
```
#4cafd4 rgb(76,175,212)
```
#43b3dd
```
#43b3dd rgb(67,179,221)
```
#3bb6e5
```
#3bb6e5 rgb(59,182,229)
```
#32baee
```
#32baee rgb(50,186,238)
```
#2abef6
```
#2abef6 rgb(42,190,246)
```
#21c2ff
```
#21c2ff rgb(33,194,255)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#81a1ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b6f4 Protanopia 1% of men
#9ab7ff Deuteranopia 1% of men
#00cad8 Tritanopia 0.001% of the population

Trichromacy

#75baf8 Protanomaly 1% of men, 0.01% of women
#6ebbff Deuteranomaly 6% of men, 0.4% of women
#0cc7e6 Tritanomaly 0.01% of the population

#21c2ff hex color

#21c2ff Color Information

#21c2ff Color Conversion

Color Schemes with #21c2ff

Alternatives to #21c2ff

#21c2ff Preview

Shades and Tints of #21c2ff

Tones of #21c2ff

Color Blindness Simulator