#21c0f0 hex color

In a RGB color space, hex #21c0f0 is composed of 12.9% red, 75.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 20% magenta, 0% yellow and 5.9% black. It has a hue angle of 193.9 degrees, a saturation of 87.3% and a lightness of 53.5%. #21c0f0 color hex could be obtained by blending #42ffff with #0081e1. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 75
- B 94
RGB color chart
- C 86
- M 20
- Y 0
- K 6
CMYK color chart

● #21c0f0 color description : Vivid cyan.

The hexadecimal color #21c0f0 has RGB values of R:33, G:192, B:240 and CMYK values of C:0.86, M:0.2, Y:0, K:0.06. Its decimal value is 2212080.

Hex triplet	21c0f0	`#21c0f0`
RGB Decimal	33, 192, 240	`rgb(33,192,240)`
RGB Percent	12.9, 75.3, 94.1	`rgb(12.9%,75.3%,94.1%)`
CMYK	86, 20, 0, 6
HSL	193.9°, 87.3, 53.5	`hsl(193.9,87.3%,53.5%)`
HSV (or HSB)	193.9°, 86.3, 94.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.436, -22.121, -34.616
XYZ	35.201, 44.31, 89.131
xyY	0.209, 0.263, 44.31
CIE-LCH	72.436, 41.08, 237.419
CIE-LUV	72.436, -49.22, -52.77
Hunter-Lab	66.566, -22.098, -32.792
Binary	00100001, 11000000, 11110000

#21c0f0
```
#21c0f0 rgb(33,192,240)
```
#f05121
```
#f05121 rgb(240,81,33)
```

Complementary Color

#21f0b9
```
#21f0b9 rgb(33,240,185)
```
#21c0f0
```
#21c0f0 rgb(33,192,240)
```
#2158f0
```
#2158f0 rgb(33,88,240)
```

Analogous Color

#f0b921
```
#f0b921 rgb(240,185,33)
```
#21c0f0
```
#21c0f0 rgb(33,192,240)
```
#f02158
```
#f02158 rgb(240,33,88)
```

Split Complementary Color

#c0f021
```
#c0f021 rgb(192,240,33)
```
#21c0f0
```
#21c0f0 rgb(33,192,240)
```
#f021c0
```
#f021c0 rgb(240,33,192)
```

Triadic Color

#21f051
```
#21f051 rgb(33,240,81)
```
#21c0f0
```
#21c0f0 rgb(33,192,240)
```
#f021c0
```
#f021c0 rgb(240,33,192)
```
#f05121
```
#f05121 rgb(240,81,33)
```

Tetradic Color

#0c90b8
```
#0c90b8 rgb(12,144,184)
```
#0ea3d0
```
#0ea3d0 rgb(14,163,208)
```
#10b6e8
```
#10b6e8 rgb(16,182,232)
```
#21c0f0
```
#21c0f0 rgb(33,192,240)
```
#39c7f2
```
#39c7f2 rgb(57,199,242)
```
#51cef3
```
#51cef3 rgb(81,206,243)
```
#69d4f5
```
#69d4f5 rgb(105,212,245)
```

Monochromatic Color

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

#21f0ec
```
#21f0ec rgb(33,240,236)
```
#21e3f0
```
#21e3f0 rgb(33,227,240)
```
#21d1f0
```
#21d1f0 rgb(33,209,240)
```
#21c0f0
```
#21c0f0 rgb(33,192,240)
```
#21aff0
```
#21aff0 rgb(33,175,240)
```
#219ef0
```
#219ef0 rgb(33,158,240)
```
#218cf0
```
#218cf0 rgb(33,140,240)
```

Similar Colors

Text with hexadecimal color #21c0f0

This text has a font color of #21c0f0.

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

#21c0f0 background color

This paragraph has a background color of #21c0f0.

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

#21c0f0 border color

This element has a border color of #21c0f0.

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

CSS codes

.text {color:#21c0f0;}

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

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

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

#010d11
```
#010d11 rgb(1,13,17)
```
#021c23
```
#021c23 rgb(2,28,35)
```
#042a36
```
#042a36 rgb(4,42,54)
```
#053848
```
#053848 rgb(5,56,72)
```
#06475a
```
#06475a rgb(6,71,90)
```
#07556d
```
#07556d rgb(7,85,109)
```
#09647f
```
#09647f rgb(9,100,127)
```
#0a7291
```
#0a7291 rgb(10,114,145)
```
#0b80a4
```
#0b80a4 rgb(11,128,164)
```
#0c8fb6
```
#0c8fb6 rgb(12,143,182)
```
#0e9dc9
```
#0e9dc9 rgb(14,157,201)
```
#0facdb
```
#0facdb rgb(15,172,219)
```
#10baed
```
#10baed rgb(16,186,237)
```

Shade Color Variation

#21c0f0
```
#21c0f0 rgb(33,192,240)
```
#33c5f1
```
#33c5f1 rgb(51,197,241)
```
#46caf2
```
#46caf2 rgb(70,202,242)
```
#58d0f4
```
#58d0f4 rgb(88,208,244)
```
#6ad5f5
```
#6ad5f5 rgb(106,213,245)
```
#7ddaf6
```
#7ddaf6 rgb(125,218,246)
```
#8fdff7
```
#8fdff7 rgb(143,223,247)
```
#a2e4f9
```
#a2e4f9 rgb(162,228,249)
```
#b4eafa
```
#b4eafa rgb(180,234,250)
```
#c6effb
```
#c6effb rgb(198,239,251)
```
#d9f4fc
```
#d9f4fc rgb(217,244,252)
```
#ebf9fe
```
#ebf9fe rgb(235,249,254)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#858a8c
```
#858a8c rgb(133,138,140)
```
#7c8f95
```
#7c8f95 rgb(124,143,149)
```
#73949e
```
#73949e rgb(115,148,158)
```
#6a99a7
```
#6a99a7 rgb(106,153,167)
```
#619eb0
```
#619eb0 rgb(97,158,176)
```
#58a3b9
```
#58a3b9 rgb(88,163,185)
```
#4fa8c2
```
#4fa8c2 rgb(79,168,194)
```
#45accc
```
#45accc rgb(69,172,204)
```
#3cb1d5
```
#3cb1d5 rgb(60,177,213)
```
#33b6de
```
#33b6de rgb(51,182,222)
```
#2abbe7
```
#2abbe7 rgb(42,187,231)
```
#21c0f0
```
#21c0f0 rgb(33,192,240)
```
#18c5f9
```
#18c5f9 rgb(24,197,249)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7f9ea8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b3e6 Protanopia 1% of men
#9db3f6 Deuteranopia 1% of men
#00c7d5 Tritanopia 0.001% of the population

Trichromacy

#76b8e9 Protanomaly 1% of men, 0.01% of women
#70b8f4 Deuteranomaly 6% of men, 0.4% of women
#0cc4df Tritanomaly 0.01% of the population

#21c0f0 hex color

#21c0f0 Color Information

#21c0f0 Color Conversion

Color Schemes with #21c0f0

Alternatives to #21c0f0

#21c0f0 Preview

Shades and Tints of #21c0f0

Tones of #21c0f0

Color Blindness Simulator