#21f4fe hex color

In a RGB color space, hex #21f4fe is composed of 12.9% red, 95.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 3.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 182.7 degrees, a saturation of 99.1% and a lightness of 56.3%. #21f4fe color hex could be obtained by blending #42ffff with #00e9fd. Closest websafe color is: #33ffff.

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

● #21f4fe color description : Vivid cyan.

The hexadecimal color #21f4fe has RGB values of R:33, G:244, B:254 and CMYK values of C:0.87, M:0.04, Y:0, K:0. Its decimal value is 2225406.

Hex triplet	21f4fe	`#21f4fe`
RGB Decimal	33, 244, 254	`rgb(33,244,254)`
RGB Percent	12.9, 95.7, 99.6	`rgb(12.9%,95.7%,99.6%)`
CMYK	87, 4, 0, 0
HSL	182.7°, 99.1, 56.3	`hsl(182.7,99.1%,56.3%)`
HSV (or HSB)	182.7°, 87, 99.6
Web Safe	33ffff	`#33ffff`

CIE-LAB	88.053, -42.571, -18.199
XYZ	50.862, 72.175, 105.011
xyY	0.223, 0.316, 72.175
CIE-LCH	88.053, 46.298, 203.147
CIE-LUV	88.053, -65.692, -22.774
Hunter-Lab	84.956, -41.808, -13.817
Binary	00100001, 11110100, 11111110

#21f4fe
```
#21f4fe rgb(33,244,254)
```
#fe2b21
```
#fe2b21 rgb(254,43,33)
```

Complementary Color

#21fe9a
```
#21fe9a rgb(33,254,154)
```
#21f4fe
```
#21f4fe rgb(33,244,254)
```
#2186fe
```
#2186fe rgb(33,134,254)
```

Analogous Color

#fe9a21
```
#fe9a21 rgb(254,154,33)
```
#21f4fe
```
#21f4fe rgb(33,244,254)
```
#fe2186
```
#fe2186 rgb(254,33,134)
```

Split Complementary Color

#f4fe21
```
#f4fe21 rgb(244,254,33)
```
#21f4fe
```
#21f4fe rgb(33,244,254)
```
#fe21f4
```
#fe21f4 rgb(254,33,244)
```

Triadic Color

#21fe2b
```
#21fe2b rgb(33,254,43)
```
#21f4fe
```
#21f4fe rgb(33,244,254)
```
#fe21f4
```
#fe21f4 rgb(254,33,244)
```
#fe2b21
```
#fe2b21 rgb(254,43,33)
```

Tetradic Color

#01c8d2
```
#01c8d2 rgb(1,200,210)
```
#01e0eb
```
#01e0eb rgb(1,224,235)
```
#08f3fe
```
#08f3fe rgb(8,243,254)
```
#21f4fe
```
#21f4fe rgb(33,244,254)
```
#3af5fe
```
#3af5fe rgb(58,245,254)
```
#54f7fe
```
#54f7fe rgb(84,247,254)
```
#6df8fe
```
#6df8fe rgb(109,248,254)
```

Monochromatic Color

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

#21fed1
```
#21fed1 rgb(33,254,209)
```
#21fee3
```
#21fee3 rgb(33,254,227)
```
#21fef6
```
#21fef6 rgb(33,254,246)
```
#21f4fe
```
#21f4fe rgb(33,244,254)
```
#21e2fe
```
#21e2fe rgb(33,226,254)
```
#21cffe
```
#21cffe rgb(33,207,254)
```
#21bdfe
```
#21bdfe rgb(33,189,254)
```

Similar Colors

Text with hexadecimal color #21f4fe

This text has a font color of #21f4fe.

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

#21f4fe background color

This paragraph has a background color of #21f4fe.

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

#21f4fe border color

This element has a border color of #21f4fe.

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

CSS codes

.text {color:#21f4fe;}

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

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

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

#000c0c
```
#000c0c rgb(0,12,12)
```
#001e20
```
#001e20 rgb(0,30,32)
```
#003133
```
#003133 rgb(0,49,51)
```
#004447
```
#004447 rgb(0,68,71)
```
#00565a
```
#00565a rgb(0,86,90)
```
#00696e
```
#00696e rgb(0,105,110)
```
#017c81
```
#017c81 rgb(1,124,129)
```
#018e95
```
#018e95 rgb(1,142,149)
```
#01a1a9
```
#01a1a9 rgb(1,161,169)
```
#01b4bc
```
#01b4bc rgb(1,180,188)
```
#01c6d0
```
#01c6d0 rgb(1,198,208)
```
#01d9e3
```
#01d9e3 rgb(1,217,227)
```
#01ecf7
```
#01ecf7 rgb(1,236,247)
```

Shade Color Variation

#0df3fe
```
#0df3fe rgb(13,243,254)
```
#21f4fe
```
#21f4fe rgb(33,244,254)
```
#35f5fe
```
#35f5fe rgb(53,245,254)
```
#48f6fe
```
#48f6fe rgb(72,246,254)
```
#5cf7fe
```
#5cf7fe rgb(92,247,254)
```
#6ff8fe
```
#6ff8fe rgb(111,248,254)
```
#83f9fe
```
#83f9fe rgb(131,249,254)
```
#96faff
```
#96faff rgb(150,250,255)
```
#aafbff
```
#aafbff rgb(170,251,255)
```
#bdfcff
```
#bdfcff rgb(189,252,255)
```
#d1fdff
```
#d1fdff rgb(209,253,255)
```
#e4feff
```
#e4feff rgb(228,254,255)
```
#f8ffff
```
#f8ffff rgb(248,255,255)
```

Tint Color Variation

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

#889697
```
#889697 rgb(136,150,151)
```
#7f9ea0
```
#7f9ea0 rgb(127,158,160)
```
#77a6a8
```
#77a6a8 rgb(119,166,168)
```
#6eaeb1
```
#6eaeb1 rgb(110,174,177)
```
#66b6b9
```
#66b6b9 rgb(102,182,185)
```
#5dbdc2
```
#5dbdc2 rgb(93,189,194)
```
#54c5cb
```
#54c5cb rgb(84,197,203)
```
#4ccdd3
```
#4ccdd3 rgb(76,205,211)
```
#43d5dc
```
#43d5dc rgb(67,213,220)
```
#3bdde4
```
#3bdde4 rgb(59,221,228)
```
#32e4ed
```
#32e4ed rgb(50,228,237)
```
#2aecf5
```
#2aecf5 rgb(42,236,245)
```
#21f4fe
```
#21f4fe rgb(33,244,254)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#98c2c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcddf0 Protanopia 1% of men
#dddbff Deuteranopia 1% of men
#73efff Tritanopia 0.001% of the population

Trichromacy

#98e5f5 Protanomaly 1% of men, 0.01% of women
#99e4fe Deuteranomaly 6% of men, 0.4% of women
#55f1fe Tritanomaly 0.01% of the population

#21f4fe hex color

#21f4fe Color Information

#21f4fe Color Conversion

Color Schemes with #21f4fe

Alternatives to #21f4fe

#21f4fe Preview

Shades and Tints of #21f4fe

Tones of #21f4fe

Color Blindness Simulator