#21bcf2 hex color

In a RGB color space, hex #21bcf2 is composed of 12.9% red, 73.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 22.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 195.5 degrees, a saturation of 88.9% and a lightness of 53.9%. #21bcf2 color hex could be obtained by blending #42ffff with #0079e5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 74
- B 95
RGB color chart
- C 86
- M 22
- Y 0
- K 5
CMYK color chart

● #21bcf2 color description : Vivid blue.

The hexadecimal color #21bcf2 has RGB values of R:33, G:188, B:242 and CMYK values of C:0.86, M:0.22, Y:0, K:0.05. Its decimal value is 2211058.

Hex triplet	21bcf2	`#21bcf2`
RGB Decimal	33, 188, 242	`rgb(33,188,242)`
RGB Percent	12.9, 73.7, 94.9	`rgb(12.9%,73.7%,94.9%)`
CMYK	86, 22, 0, 5
HSL	195.5°, 88.9, 53.9	`hsl(195.5,88.9%,53.9%)`
HSV (or HSB)	195.5°, 86.4, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.349, -19.378, -37.384
XYZ	34.633, 42.697, 90.416
xyY	0.206, 0.255, 42.697
CIE-LCH	71.349, 42.108, 242.599
CIE-LUV	71.349, -47.723, -57.759
Hunter-Lab	65.343, -19.742, -36.3
Binary	00100001, 10111100, 11110010

#21bcf2
```
#21bcf2 rgb(33,188,242)
```
#f25721
```
#f25721 rgb(242,87,33)
```

Complementary Color

#21f2c0
```
#21f2c0 rgb(33,242,192)
```
#21bcf2
```
#21bcf2 rgb(33,188,242)
```
#2154f2
```
#2154f2 rgb(33,84,242)
```

Analogous Color

#f2c021
```
#f2c021 rgb(242,192,33)
```
#21bcf2
```
#21bcf2 rgb(33,188,242)
```
#f22154
```
#f22154 rgb(242,33,84)
```

Split Complementary Color

#bcf221
```
#bcf221 rgb(188,242,33)
```
#21bcf2
```
#21bcf2 rgb(33,188,242)
```
#f221bc
```
#f221bc rgb(242,33,188)
```

Triadic Color

#21f257
```
#21f257 rgb(33,242,87)
```
#21bcf2
```
#21bcf2 rgb(33,188,242)
```
#f221bc
```
#f221bc rgb(242,33,188)
```
#f25721
```
#f25721 rgb(242,87,33)
```

Tetradic Color

#0b8ebc
```
#0b8ebc rgb(11,142,188)
```
#0ca0d4
```
#0ca0d4 rgb(12,160,212)
```
#0eb2ec
```
#0eb2ec rgb(14,178,236)
```
#21bcf2
```
#21bcf2 rgb(33,188,242)
```
#39c3f3
```
#39c3f3 rgb(57,195,243)
```
#51cbf5
```
#51cbf5 rgb(81,203,245)
```
#69d2f6
```
#69d2f6 rgb(105,210,246)
```

Monochromatic Color

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

#21f0f2
```
#21f0f2 rgb(33,240,242)
```
#21dff2
```
#21dff2 rgb(33,223,242)
```
#21cdf2
```
#21cdf2 rgb(33,205,242)
```
#21bcf2
```
#21bcf2 rgb(33,188,242)
```
#21abf2
```
#21abf2 rgb(33,171,242)
```
#2199f2
```
#2199f2 rgb(33,153,242)
```
#2188f2
```
#2188f2 rgb(33,136,242)
```

Similar Colors

Text with hexadecimal color #21bcf2

This text has a font color of #21bcf2.

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

#21bcf2 background color

This paragraph has a background color of #21bcf2.

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

#21bcf2 border color

This element has a border color of #21bcf2.

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

CSS codes

.text {color:#21bcf2;}

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

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

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, #000000 is the darkest color, while #edfafe is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#010e13
```
#010e13 rgb(1,14,19)
```
#021c25
```
#021c25 rgb(2,28,37)
```
#032a38
```
#032a38 rgb(3,42,56)
```
#04384a
```
#04384a rgb(4,56,74)
```
#05465d
```
#05465d rgb(5,70,93)
```
#075470
```
#075470 rgb(7,84,112)
```
#086282
```
#086282 rgb(8,98,130)
```
#097095
```
#097095 rgb(9,112,149)
```
#0a7ea7
```
#0a7ea7 rgb(10,126,167)
```
#0b8dba
```
#0b8dba rgb(11,141,186)
```
#0c9bcc
```
#0c9bcc rgb(12,155,204)
```
#0da9df
```
#0da9df rgb(13,169,223)
```

Shade Color Variation

#0eb6f1
```
#0eb6f1 rgb(14,182,241)
```
#21bcf2
```
#21bcf2 rgb(33,188,242)
```
#34c2f3
```
#34c2f3 rgb(52,194,243)
```
#46c7f4
```
#46c7f4 rgb(70,199,244)
```
#59cdf5
```
#59cdf5 rgb(89,205,245)
```
#6bd2f6
```
#6bd2f6 rgb(107,210,246)
```
#7ed8f7
```
#7ed8f7 rgb(126,216,247)
```
#90def9
```
#90def9 rgb(144,222,249)
```
#a3e3fa
```
#a3e3fa rgb(163,227,250)
```
#b5e9fb
```
#b5e9fb rgb(181,233,251)
```
#c8eefc
```
#c8eefc rgb(200,238,252)
```
#daf4fd
```
#daf4fd rgb(218,244,253)
```
#edfafe
```
#edfafe rgb(237,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848c8f is the less saturated color, while #18c0fb is the most saturated one.

#848c8f
```
#848c8f rgb(132,140,143)
```
#7b9098
```
#7b9098 rgb(123,144,152)
```
#7295a1
```
#7295a1 rgb(114,149,161)
```
#6999aa
```
#6999aa rgb(105,153,170)
```
#609db3
```
#609db3 rgb(96,157,179)
```
#57a2bc
```
#57a2bc rgb(87,162,188)
```
#4ea6c5
```
#4ea6c5 rgb(78,166,197)
```
#45abce
```
#45abce rgb(69,171,206)
```
#3cafd7
```
#3cafd7 rgb(60,175,215)
```
#33b3e0
```
#33b3e0 rgb(51,179,224)
```
#2ab8e9
```
#2ab8e9 rgb(42,184,233)
```
#21bcf2
```
#21bcf2 rgb(33,188,242)
```
#18c0fb
```
#18c0fb rgb(24,192,251)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#7d9ca7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b0e8 Protanopia 1% of men
#95b1f8 Deuteranopia 1% of men
#00c4d2 Tritanopia 0.001% of the population

Trichromacy

#73b4ec Protanomaly 1% of men, 0.01% of women
#6bb5f6 Deuteranomaly 6% of men, 0.4% of women
#0cc1dd Tritanomaly 0.01% of the population

#21bcf2 hex color

#21bcf2 Color Information

#21bcf2 Color Conversion

Color Schemes with #21bcf2

Alternatives to #21bcf2

#21bcf2 Preview

Shades and Tints of #21bcf2

Tones of #21bcf2

Color Blindness Simulator