#21b0fc hex color

In a RGB color space, hex #21b0fc is composed of 12.9% red, 69% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 30.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 200.8 degrees, a saturation of 97.3% and a lightness of 55.9%. #21b0fc color hex could be obtained by blending #42ffff with #0061f9. Closest websafe color is: #3399ff.

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

● #21b0fc color description : Vivid blue.

The hexadecimal color #21b0fc has RGB values of R:33, G:176, B:252 and CMYK values of C:0.87, M:0.3, Y:0, K:0.01. Its decimal value is 2207996.

Hex triplet	21b0fc	`#21b0fc`
RGB Decimal	33, 176, 252	`rgb(33,176,252)`
RGB Percent	12.9, 69, 98.8	`rgb(12.9%,69%,98.8%)`
CMYK	87, 30, 0, 1
HSL	200.8°, 97.3, 55.9	`hsl(200.8,97.3%,55.9%)`
HSV (or HSB)	200.8°, 86.9, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.314, -9.466, -47.552
XYZ	33.719, 38.399, 97.725
xyY	0.199, 0.226, 38.399
CIE-LCH	68.314, 48.485, 258.741
CIE-LUV	68.314, -43.033, -75.993
Hunter-Lab	61.967, -11.313, -50.126
Binary	00100001, 10110000, 11111100

#21b0fc
```
#21b0fc rgb(33,176,252)
```
#fc6d21
```
#fc6d21 rgb(252,109,33)
```

Complementary Color

#21fcdb
```
#21fcdb rgb(33,252,219)
```
#21b0fc
```
#21b0fc rgb(33,176,252)
```
#2143fc
```
#2143fc rgb(33,67,252)
```

Analogous Color

#fcdb21
```
#fcdb21 rgb(252,219,33)
```
#21b0fc
```
#21b0fc rgb(33,176,252)
```
#fc2143
```
#fc2143 rgb(252,33,67)
```

Split Complementary Color

#b0fc21
```
#b0fc21 rgb(176,252,33)
```
#21b0fc
```
#21b0fc rgb(33,176,252)
```
#fc21b0
```
#fc21b0 rgb(252,33,176)
```

Triadic Color

#21fc6d
```
#21fc6d rgb(33,252,109)
```
#21b0fc
```
#21b0fc rgb(33,176,252)
```
#fc21b0
```
#fc21b0 rgb(252,33,176)
```
#fc6d21
```
#fc6d21 rgb(252,109,33)
```

Tetradic Color

#0387ce
```
#0387ce rgb(3,135,206)
```
#0398e7
```
#0398e7 rgb(3,152,231)
```
#08a7fc
```
#08a7fc rgb(8,167,252)
```
#21b0fc
```
#21b0fc rgb(33,176,252)
```
#3ab9fc
```
#3ab9fc rgb(58,185,252)
```
#53c2fd
```
#53c2fd rgb(83,194,253)
```
#6ccbfd
```
#6ccbfd rgb(108,203,253)
```

Monochromatic Color

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

#21e7fc
```
#21e7fc rgb(33,231,252)
```
#21d5fc
```
#21d5fc rgb(33,213,252)
```
#21c2fc
```
#21c2fc rgb(33,194,252)
```
#21b0fc
```
#21b0fc rgb(33,176,252)
```
#219efc
```
#219efc rgb(33,158,252)
```
#218cfc
```
#218cfc rgb(33,140,252)
```
#2179fc
```
#2179fc rgb(33,121,252)
```

Similar Colors

Text with hexadecimal color #21b0fc

This text has a font color of #21b0fc.

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

#21b0fc background color

This paragraph has a background color of #21b0fc.

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

#21b0fc border color

This element has a border color of #21b0fc.

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

CSS codes

.text {color:#21b0fc;}

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

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

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, #00070a is the darkest color, while #f6fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#00131e
```
#00131e rgb(0,19,30)
```
#012031
```
#012031 rgb(1,32,49)
```
#012d44
```
#012d44 rgb(1,45,68)
```
#013a58
```
#013a58 rgb(1,58,88)
```
#01466b
```
#01466b rgb(1,70,107)
```
#02537e
```
#02537e rgb(2,83,126)
```
#026092
```
#026092 rgb(2,96,146)
```
#026da5
```
#026da5 rgb(2,109,165)
```
#0279b8
```
#0279b8 rgb(2,121,184)
```
#0386cc
```
#0386cc rgb(3,134,204)
```
#0393df
```
#0393df rgb(3,147,223)
```
#039ff2
```
#039ff2 rgb(3,159,242)
```

Shade Color Variation

#0ea9fc
```
#0ea9fc rgb(14,169,252)
```
#21b0fc
```
#21b0fc rgb(33,176,252)
```
#34b7fc
```
#34b7fc rgb(52,183,252)
```
#48befd
```
#48befd rgb(72,190,253)
```
#5bc5fd
```
#5bc5fd rgb(91,197,253)
```
#6eccfd
```
#6eccfd rgb(110,204,253)
```
#82d2fd
```
#82d2fd rgb(130,210,253)
```
#95d9fe
```
#95d9fe rgb(149,217,254)
```
#a8e0fe
```
#a8e0fe rgb(168,224,254)
```
#bce7fe
```
#bce7fe rgb(188,231,254)
```
#cfeefe
```
#cfeefe rgb(207,238,254)
```
#e3f5ff
```
#e3f5ff rgb(227,245,255)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#899094
```
#899094 rgb(137,144,148)
```
#80939d
```
#80939d rgb(128,147,157)
```
#7896a5
```
#7896a5 rgb(120,150,165)
```
#6f98ae
```
#6f98ae rgb(111,152,174)
```
#669bb7
```
#669bb7 rgb(102,155,183)
```
#5e9dbf
```
#5e9dbf rgb(94,157,191)
```
#55a0c8
```
#55a0c8 rgb(85,160,200)
```
#4ca3d1
```
#4ca3d1 rgb(76,163,209)
```
#44a5d9
```
#44a5d9 rgb(68,165,217)
```
#3ba8e2
```
#3ba8e2 rgb(59,168,226)
```
#32abeb
```
#32abeb rgb(50,171,235)
```
#2aadf3
```
#2aadf3 rgb(42,173,243)
```
#21b0fc
```
#21b0fc rgb(33,176,252)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7895a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a8f3 Protanopia 1% of men
#7babff Deuteranopia 1% of men
#00bbc8 Tritanopia 0.001% of the population

Trichromacy

#67abf6 Protanomaly 1% of men, 0.01% of women
#5aacfd Deuteranomaly 6% of men, 0.4% of women
#0cb7db Tritanomaly 0.01% of the population

#21b0fc hex color

#21b0fc Color Information

#21b0fc Color Conversion

Color Schemes with #21b0fc

Alternatives to #21b0fc

#21b0fc Preview

Shades and Tints of #21b0fc

Tones of #21b0fc

Color Blindness Simulator