#21bffd hex color

In a RGB color space, hex #21bffd is composed of 12.9% red, 74.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 24.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 196.9 degrees, a saturation of 98.2% and a lightness of 56.1%. #21bffd color hex could be obtained by blending #42ffff with #007ffb. Closest websafe color is: #33ccff.

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

● #21bffd color description : Vivid blue.

The hexadecimal color #21bffd has RGB values of R:33, G:191, B:253 and CMYK values of C:0.87, M:0.25, Y:0, K:0.01. Its decimal value is 2211837.

Hex triplet	21bffd	`#21bffd`
RGB Decimal	33, 191, 253	`rgb(33,191,253)`
RGB Percent	12.9, 74.9, 99.2	`rgb(12.9%,74.9%,99.2%)`
CMYK	87, 25, 0, 1
HSL	196.9°, 98.2, 56.1	`hsl(196.9,98.2%,56.1%)`
HSV (or HSB)	196.9°, 87, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.676, -17.198, -41.254
XYZ	36.983, 44.673, 99.597
xyY	0.204, 0.246, 44.673
CIE-LCH	72.676, 44.696, 247.369
CIE-LUV	72.676, -47.968, -64.835
Hunter-Lab	66.838, -18.198, -41.563
Binary	00100001, 10111111, 11111101

#21bffd
```
#21bffd rgb(33,191,253)
```
#fd5f21
```
#fd5f21 rgb(253,95,33)
```

Complementary Color

#21fdcd
```
#21fdcd rgb(33,253,205)
```
#21bffd
```
#21bffd rgb(33,191,253)
```
#2151fd
```
#2151fd rgb(33,81,253)
```

Analogous Color

#fdcd21
```
#fdcd21 rgb(253,205,33)
```
#21bffd
```
#21bffd rgb(33,191,253)
```
#fd2151
```
#fd2151 rgb(253,33,81)
```

Split Complementary Color

#bffd21
```
#bffd21 rgb(191,253,33)
```
#21bffd
```
#21bffd rgb(33,191,253)
```
#fd21bf
```
#fd21bf rgb(253,33,191)
```

Triadic Color

#21fd5f
```
#21fd5f rgb(33,253,95)
```
#21bffd
```
#21bffd rgb(33,191,253)
```
#fd21bf
```
#fd21bf rgb(253,33,191)
```
#fd5f21
```
#fd5f21 rgb(253,95,33)
```

Tetradic Color

#0296d0
```
#0296d0 rgb(2,150,208)
```
#02a8e9
```
#02a8e9 rgb(2,168,233)
```
#08b8fd
```
#08b8fd rgb(8,184,253)
```
#21bffd
```
#21bffd rgb(33,191,253)
```
#3ac6fd
```
#3ac6fd rgb(58,198,253)
```
#54cefd
```
#54cefd rgb(84,206,253)
```
#6dd5fe
```
#6dd5fe rgb(109,213,254)
```

Monochromatic Color

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

#21f6fd
```
#21f6fd rgb(33,246,253)
```
#21e4fd
```
#21e4fd rgb(33,228,253)
```
#21d1fd
```
#21d1fd rgb(33,209,253)
```
#21bffd
```
#21bffd rgb(33,191,253)
```
#21adfd
```
#21adfd rgb(33,173,253)
```
#219afd
```
#219afd rgb(33,154,253)
```
#2188fd
```
#2188fd rgb(33,136,253)
```

Similar Colors

Text with hexadecimal color #21bffd

This text has a font color of #21bffd.

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

#21bffd background color

This paragraph has a background color of #21bffd.

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

#21bffd border color

This element has a border color of #21bffd.

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

CSS codes

.text {color:#21bffd;}

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

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

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, #00080b is the darkest color, while #f7fdff is the lightest one.

#00080b
```
#00080b rgb(0,8,11)
```
#00161f
```
#00161f rgb(0,22,31)
```
#002432
```
#002432 rgb(0,36,50)
```
#013246
```
#013246 rgb(1,50,70)
```
#014059
```
#014059 rgb(1,64,89)
```
#014e6c
```
#014e6c rgb(1,78,108)
```
#015c80
```
#015c80 rgb(1,92,128)
```
#016a93
```
#016a93 rgb(1,106,147)
```
#0278a7
```
#0278a7 rgb(2,120,167)
```
#0286ba
```
#0286ba rgb(2,134,186)
```
#0294ce
```
#0294ce rgb(2,148,206)
```
#02a2e1
```
#02a2e1 rgb(2,162,225)
```
#02b0f5
```
#02b0f5 rgb(2,176,245)
```

Shade Color Variation

#0eb9fd
```
#0eb9fd rgb(14,185,253)
```
#21bffd
```
#21bffd rgb(33,191,253)
```
#34c5fd
```
#34c5fd rgb(52,197,253)
```
#48cafd
```
#48cafd rgb(72,202,253)
```
#5bd0fe
```
#5bd0fe rgb(91,208,254)
```
#6fd5fe
```
#6fd5fe rgb(111,213,254)
```
#82dbfe
```
#82dbfe rgb(130,219,254)
```
#96e1fe
```
#96e1fe rgb(150,225,254)
```
#a9e6fe
```
#a9e6fe rgb(169,230,254)
```
#bdecfe
```
#bdecfe rgb(189,236,254)
```
#d0f1ff
```
#d0f1ff rgb(208,241,255)
```
#e3f7ff
```
#e3f7ff rgb(227,247,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#889296
```
#889296 rgb(136,146,150)
```
#80969e
```
#80969e rgb(128,150,158)
```
#7799a7
```
#7799a7 rgb(119,153,167)
```
#6f9daf
```
#6f9daf rgb(111,157,175)
```
#66a1b8
```
#66a1b8 rgb(102,161,184)
```
#5da5c1
```
#5da5c1 rgb(93,165,193)
```
#55a8c9
```
#55a8c9 rgb(85,168,201)
```
#4cacd2
```
#4cacd2 rgb(76,172,210)
```
#43b0db
```
#43b0db rgb(67,176,219)
```
#3bb4e3
```
#3bb4e3 rgb(59,180,227)
```
#32b7ec
```
#32b7ec rgb(50,183,236)
```
#2abbf4
```
#2abbf4 rgb(42,187,244)
```
#21bffd
```
#21bffd rgb(33,191,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#7f9fab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b4f3 Protanopia 1% of men
#95b5ff Deuteranopia 1% of men
#00c8d5 Tritanopia 0.001% of the population

Trichromacy

#73b8f6 Protanomaly 1% of men, 0.01% of women
#6bb8fe Deuteranomaly 6% of men, 0.4% of women
#0cc4e4 Tritanomaly 0.01% of the population

#21bffd hex color

#21bffd Color Information

#21bffd Color Conversion

Color Schemes with #21bffd

Alternatives to #21bffd

#21bffd Preview

Shades and Tints of #21bffd

Tones of #21bffd

Color Blindness Simulator