#21f0ff hex color

In a RGB color space, hex #21f0ff is composed of 12.9% red, 94.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 5.9% magenta, 0% yellow and 0% black. It has a hue angle of 184.1 degrees, a saturation of 100% and a lightness of 56.5%. #21f0ff color hex could be obtained by blending #42ffff with #00e1ff. Closest websafe color is: #33ffff.

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

● #21f0ff color description : Vivid cyan.

The hexadecimal color #21f0ff has RGB values of R:33, G:240, B:255 and CMYK values of C:0.87, M:0.06, Y:0, K:0. Its decimal value is 2224383.

Hex triplet	21f0ff	`#21f0ff`
RGB Decimal	33, 240, 255	`rgb(33,240,255)`
RGB Percent	12.9, 94.1, 100	`rgb(12.9%,94.1%,100%)`
CMYK	87, 6, 0, 0
HSL	184.1°, 100, 56.5	`hsl(184.1,100%,56.5%)`
HSV (or HSB)	184.1°, 87.1, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	86.927, -40.478, -20.421
XYZ	49.832, 69.858, 105.46
xyY	0.221, 0.31, 69.858
CIE-LCH	86.927, 45.338, 206.77
CIE-LUV	86.927, -64.279, -26.805
Hunter-Lab	83.581, -39.844, -16.303
Binary	00100001, 11110000, 11111111

#21f0ff
```
#21f0ff rgb(33,240,255)
```
#ff3021
```
#ff3021 rgb(255,48,33)
```

Complementary Color

#21ff9f
```
#21ff9f rgb(33,255,159)
```
#21f0ff
```
#21f0ff rgb(33,240,255)
```
#2181ff
```
#2181ff rgb(33,129,255)
```

Analogous Color

#ff9f21
```
#ff9f21 rgb(255,159,33)
```
#21f0ff
```
#21f0ff rgb(33,240,255)
```
#ff2181
```
#ff2181 rgb(255,33,129)
```

Split Complementary Color

#f0ff21
```
#f0ff21 rgb(240,255,33)
```
#21f0ff
```
#21f0ff rgb(33,240,255)
```
#ff21f0
```
#ff21f0 rgb(255,33,240)
```

Triadic Color

#21ff30
```
#21ff30 rgb(33,255,48)
```
#21f0ff
```
#21f0ff rgb(33,240,255)
```
#ff21f0
```
#ff21f0 rgb(255,33,240)
```
#ff3021
```
#ff3021 rgb(255,48,33)
```

Tetradic Color

#00c5d4
```
#00c5d4 rgb(0,197,212)
```
#00dded
```
#00dded rgb(0,221,237)
```
#07eeff
```
#07eeff rgb(7,238,255)
```
#21f0ff
```
#21f0ff rgb(33,240,255)
```
#3bf2ff
```
#3bf2ff rgb(59,242,255)
```
#54f3ff
```
#54f3ff rgb(84,243,255)
```
#6ef5ff
```
#6ef5ff rgb(110,245,255)
```

Monochromatic Color

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

#21ffd7
```
#21ffd7 rgb(33,255,215)
```
#21ffe9
```
#21ffe9 rgb(33,255,233)
```
#21fffc
```
#21fffc rgb(33,255,252)
```
#21f0ff
```
#21f0ff rgb(33,240,255)
```
#21deff
```
#21deff rgb(33,222,255)
```
#21cbff
```
#21cbff rgb(33,203,255)
```
#21b9ff
```
#21b9ff rgb(33,185,255)
```

Similar Colors

Text with hexadecimal color #21f0ff

This text has a font color of #21f0ff.

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

#21f0ff background color

This paragraph has a background color of #21f0ff.

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

#21f0ff border color

This element has a border color of #21f0ff.

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

CSS codes

.text {color:#21f0ff;}

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

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

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

#000c0d
```
#000c0d rgb(0,12,13)
```
#001f21
```
#001f21 rgb(0,31,33)
```
#003135
```
#003135 rgb(0,49,53)
```
#004348
```
#004348 rgb(0,67,72)
```
#00565c
```
#00565c rgb(0,86,92)
```
#00686f
```
#00686f rgb(0,104,111)
```
#007a83
```
#007a83 rgb(0,122,131)
```
#008d97
```
#008d97 rgb(0,141,151)
```
#009faa
```
#009faa rgb(0,159,170)
```
#00b1be
```
#00b1be rgb(0,177,190)
```
#00c3d2
```
#00c3d2 rgb(0,195,210)
```
#00d6e5
```
#00d6e5 rgb(0,214,229)
```
#00e8f9
```
#00e8f9 rgb(0,232,249)
```

Shade Color Variation

#0defff
```
#0defff rgb(13,239,255)
```
#21f0ff
```
#21f0ff rgb(33,240,255)
```
#35f1ff
```
#35f1ff rgb(53,241,255)
```
#48f3ff
```
#48f3ff rgb(72,243,255)
```
#5cf4ff
```
#5cf4ff rgb(92,244,255)
```
#6ff5ff
```
#6ff5ff rgb(111,245,255)
```
#83f7ff
```
#83f7ff rgb(131,247,255)
```
#97f8ff
```
#97f8ff rgb(151,248,255)
```
#aaf9ff
```
#aaf9ff rgb(170,249,255)
```
#befbff
```
#befbff rgb(190,251,255)
```
#d2fcff
```
#d2fcff rgb(210,252,255)
```
#e5fdff
```
#e5fdff rgb(229,253,255)
```
#f9ffff
```
#f9ffff rgb(249,255,255)
```

Tint Color Variation

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

#879799
```
#879799 rgb(135,151,153)
```
#7f9fa1
```
#7f9fa1 rgb(127,159,161)
```
#76a6aa
```
#76a6aa rgb(118,166,170)
```
#6eaeb2
```
#6eaeb2 rgb(110,174,178)
```
#65b5bb
```
#65b5bb rgb(101,181,187)
```
#5dbcc3
```
#5dbcc3 rgb(93,188,195)
```
#54c4cc
```
#54c4cc rgb(84,196,204)
```
#4ccbd4
```
#4ccbd4 rgb(76,203,212)
```
#43d2dd
```
#43d2dd rgb(67,210,221)
```
#3bdae5
```
#3bdae5 rgb(59,218,229)
```
#32e1ee
```
#32e1ee rgb(50,225,238)
```
#2ae9f6
```
#2ae9f6 rgb(42,233,246)
```
#21f0ff
```
#21f0ff rgb(33,240,255)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#97c0c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8daf1 Protanopia 1% of men
#d8d8ff Deuteranopia 1% of men
#57eeff Tritanopia 0.001% of the population

Trichromacy

#95e2f6 Protanomaly 1% of men, 0.01% of women
#95e0ff Deuteranomaly 6% of men, 0.4% of women
#43efff Tritanomaly 0.01% of the population

#21f0ff hex color

#21f0ff Color Information

#21f0ff Color Conversion

Color Schemes with #21f0ff

Alternatives to #21f0ff

#21f0ff Preview

Shades and Tints of #21f0ff

Tones of #21f0ff

Color Blindness Simulator