#21f8fc hex color

In a RGB color space, hex #21f8fc is composed of 12.9% red, 97.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 1.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 181.1 degrees, a saturation of 97.3% and a lightness of 55.9%. #21f8fc color hex could be obtained by blending #42ffff with #00f1f9. Closest websafe color is: #33ffff.

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

● #21f8fc color description : Vivid cyan.

The hexadecimal color #21f8fc has RGB values of R:33, G:248, B:252 and CMYK values of C:0.87, M:0.02, Y:0, K:0.01. Its decimal value is 2226428.

Hex triplet	21f8fc	`#21f8fc`
RGB Decimal	33, 248, 252	`rgb(33,248,252)`
RGB Percent	12.9, 97.3, 98.8	`rgb(12.9%,97.3%,98.8%)`
CMYK	87, 2, 0, 1
HSL	181.1°, 97.3, 55.9	`hsl(181.1,97.3%,55.9%)`
HSV (or HSB)	181.1°, 86.9, 98.8
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.149, -44.922, -15.507
XYZ	51.76, 74.481, 103.738
xyY	0.225, 0.324, 74.481
CIE-LCH	89.149, 47.523, 199.045
CIE-LUV	89.149, -67.18, -17.928
Hunter-Lab	86.302, -43.974, -10.857
Binary	00100001, 11111000, 11111100

#21f8fc
```
#21f8fc rgb(33,248,252)
```
#fc2521
```
#fc2521 rgb(252,37,33)
```

Complementary Color

#21fc93
```
#21fc93 rgb(33,252,147)
```
#21f8fc
```
#21f8fc rgb(33,248,252)
```
#218bfc
```
#218bfc rgb(33,139,252)
```

Analogous Color

#fc9321
```
#fc9321 rgb(252,147,33)
```
#21f8fc
```
#21f8fc rgb(33,248,252)
```
#fc218b
```
#fc218b rgb(252,33,139)
```

Split Complementary Color

#f8fc21
```
#f8fc21 rgb(248,252,33)
```
#21f8fc
```
#21f8fc rgb(33,248,252)
```
#fc21f8
```
#fc21f8 rgb(252,33,248)
```

Triadic Color

#21fc25
```
#21fc25 rgb(33,252,37)
```
#21f8fc
```
#21f8fc rgb(33,248,252)
```
#fc21f8
```
#fc21f8 rgb(252,33,248)
```
#fc2521
```
#fc2521 rgb(252,37,33)
```

Tetradic Color

#03cace
```
#03cace rgb(3,202,206)
```
#03e3e7
```
#03e3e7 rgb(3,227,231)
```
#08f7fc
```
#08f7fc rgb(8,247,252)
```
#21f8fc
```
#21f8fc rgb(33,248,252)
```
#3af9fc
```
#3af9fc rgb(58,249,252)
```
#53fafd
```
#53fafd rgb(83,250,253)
```
#6cfafd
```
#6cfafd rgb(108,250,253)
```

Monochromatic Color

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

#21fcc9
```
#21fcc9 rgb(33,252,201)
```
#21fcdc
```
#21fcdc rgb(33,252,220)
```
#21fcee
```
#21fcee rgb(33,252,238)
```
#21f8fc
```
#21f8fc rgb(33,248,252)
```
#21e6fc
```
#21e6fc rgb(33,230,252)
```
#21d4fc
```
#21d4fc rgb(33,212,252)
```
#21c1fc
```
#21c1fc rgb(33,193,252)
```

Similar Colors

Text with hexadecimal color #21f8fc

This text has a font color of #21f8fc.

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

#21f8fc background color

This paragraph has a background color of #21f8fc.

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

#21f8fc border color

This element has a border color of #21f8fc.

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

CSS codes

.text {color:#21f8fc;}

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

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

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

#000a0a
```
#000a0a rgb(0,10,10)
```
#001d1e
```
#001d1e rgb(0,29,30)
```
#013031
```
#013031 rgb(1,48,49)
```
#014344
```
#014344 rgb(1,67,68)
```
#015658
```
#015658 rgb(1,86,88)
```
#01696b
```
#01696b rgb(1,105,107)
```
#027c7e
```
#027c7e rgb(2,124,126)
```
#028f92
```
#028f92 rgb(2,143,146)
```
#02a2a5
```
#02a2a5 rgb(2,162,165)
```
#02b5b8
```
#02b5b8 rgb(2,181,184)
```
#03c8cc
```
#03c8cc rgb(3,200,204)
```
#03dbdf
```
#03dbdf rgb(3,219,223)
```
#03eef2
```
#03eef2 rgb(3,238,242)
```

Shade Color Variation

#0ef7fc
```
#0ef7fc rgb(14,247,252)
```
#21f8fc
```
#21f8fc rgb(33,248,252)
```
#34f9fc
```
#34f9fc rgb(52,249,252)
```
#48f9fd
```
#48f9fd rgb(72,249,253)
```
#5bfafd
```
#5bfafd rgb(91,250,253)
```
#6efafd
```
#6efafd rgb(110,250,253)
```
#82fbfd
```
#82fbfd rgb(130,251,253)
```
#95fcfe
```
#95fcfe rgb(149,252,254)
```
#a8fcfe
```
#a8fcfe rgb(168,252,254)
```
#bcfdfe
```
#bcfdfe rgb(188,253,254)
```
#cffdfe
```
#cffdfe rgb(207,253,254)
```
#e3feff
```
#e3feff rgb(227,254,255)
```
#f6ffff
```
#f6ffff rgb(246,255,255)
```

Tint Color Variation

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

#899494
```
#899494 rgb(137,148,148)
```
#809c9d
```
#809c9d rgb(128,156,157)
```
#78a5a5
```
#78a5a5 rgb(120,165,165)
```
#6fadae
```
#6fadae rgb(111,173,174)
```
#66b5b7
```
#66b5b7 rgb(102,181,183)
```
#5ebebf
```
#5ebebf rgb(94,190,191)
```
#55c6c8
```
#55c6c8 rgb(85,198,200)
```
#4cced1
```
#4cced1 rgb(76,206,209)
```
#44d7d9
```
#44d7d9 rgb(68,215,217)
```
#3bdfe2
```
#3bdfe2 rgb(59,223,226)
```
#32e7eb
```
#32e7eb rgb(50,231,235)
```
#2af0f3
```
#2af0f3 rgb(42,240,243)
```
#21f8fc
```
#21f8fc rgb(33,248,252)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#9ac5c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1e0ee Protanopia 1% of men
#e3ddff Deuteranopia 1% of men
#88f1ff Tritanopia 0.001% of the population

Trichromacy

#9be8f3 Protanomaly 1% of men, 0.01% of women
#9ce7fd Deuteranomaly 6% of men, 0.4% of women
#62f3fd Tritanomaly 0.01% of the population

#21f8fc hex color

#21f8fc Color Information

#21f8fc Color Conversion

Color Schemes with #21f8fc

Alternatives to #21f8fc

#21f8fc Preview

Shades and Tints of #21f8fc

Tones of #21f8fc

Color Blindness Simulator