#21b3ff hex color

In a RGB color space, hex #21b3ff is composed of 12.9% red, 70.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 29.8% magenta, 0% yellow and 0% black. It has a hue angle of 200.5 degrees, a saturation of 100% and a lightness of 56.5%. #21b3ff color hex could be obtained by blending #42ffff with #0067ff. Closest websafe color is: #33ccff.

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

● #21b3ff color description : Vivid blue.

The hexadecimal color #21b3ff has RGB values of R:33, G:179, B:255 and CMYK values of C:0.87, M:0.3, Y:0, K:0. Its decimal value is 2208767.

Hex triplet	21b3ff	`#21b3ff`
RGB Decimal	33, 179, 255	`rgb(33,179,255)`
RGB Percent	12.9, 70.2, 100	`rgb(12.9%,70.2%,100%)`
CMYK	87, 30, 0, 0
HSL	200.5°, 100, 56.5	`hsl(200.5,100%,56.5%)`
HSV (or HSB)	200.5°, 87.1, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.313, -10.054, -47.604
XYZ	34.793, 39.78, 100.447
xyY	0.199, 0.227, 39.78
CIE-LCH	69.313, 48.654, 258.075
CIE-LUV	69.313, -43.836, -76.173
Hunter-Lab	63.072, -11.908, -50.274
Binary	00100001, 10110011, 11111111

#21b3ff
```
#21b3ff rgb(33,179,255)
```
#ff6d21
```
#ff6d21 rgb(255,109,33)
```

Complementary Color

#21ffdc
```
#21ffdc rgb(33,255,220)
```
#21b3ff
```
#21b3ff rgb(33,179,255)
```
#2144ff
```
#2144ff rgb(33,68,255)
```

Analogous Color

#ffdc21
```
#ffdc21 rgb(255,220,33)
```
#21b3ff
```
#21b3ff rgb(33,179,255)
```
#ff2144
```
#ff2144 rgb(255,33,68)
```

Split Complementary Color

#b3ff21
```
#b3ff21 rgb(179,255,33)
```
#21b3ff
```
#21b3ff rgb(33,179,255)
```
#ff21b3
```
#ff21b3 rgb(255,33,179)
```

Triadic Color

#21ff6d
```
#21ff6d rgb(33,255,109)
```
#21b3ff
```
#21b3ff rgb(33,179,255)
```
#ff21b3
```
#ff21b3 rgb(255,33,179)
```
#ff6d21
```
#ff6d21 rgb(255,109,33)
```

Tetradic Color

#008bd4
```
#008bd4 rgb(0,139,212)
```
#009ced
```
#009ced rgb(0,156,237)
```
#07aaff
```
#07aaff rgb(7,170,255)
```
#21b3ff
```
#21b3ff rgb(33,179,255)
```
#3bbcff
```
#3bbcff rgb(59,188,255)
```
#54c4ff
```
#54c4ff rgb(84,196,255)
```
#6ecdff
```
#6ecdff rgb(110,205,255)
```

Monochromatic Color

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

#21ebff
```
#21ebff rgb(33,235,255)
```
#21d8ff
```
#21d8ff rgb(33,216,255)
```
#21c6ff
```
#21c6ff rgb(33,198,255)
```
#21b3ff
```
#21b3ff rgb(33,179,255)
```
#21a1ff
```
#21a1ff rgb(33,161,255)
```
#218eff
```
#218eff rgb(33,142,255)
```
#217cff
```
#217cff rgb(33,124,255)
```

Similar Colors

Text with hexadecimal color #21b3ff

This text has a font color of #21b3ff.

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

#21b3ff background color

This paragraph has a background color of #21b3ff.

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

#21b3ff border color

This element has a border color of #21b3ff.

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

CSS codes

.text {color:#21b3ff;}

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

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

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, #00090d is the darkest color, while #f9fdff is the lightest one.

#00090d
```
#00090d rgb(0,9,13)
```
#001621
```
#001621 rgb(0,22,33)
```
#002335
```
#002335 rgb(0,35,53)
```
#003048
```
#003048 rgb(0,48,72)
```
#003c5c
```
#003c5c rgb(0,60,92)
```
#00496f
```
#00496f rgb(0,73,111)
```
#005683
```
#005683 rgb(0,86,131)
```
#006397
```
#006397 rgb(0,99,151)
```
#0070aa
```
#0070aa rgb(0,112,170)
```
#007dbe
```
#007dbe rgb(0,125,190)
```
#008ad2
```
#008ad2 rgb(0,138,210)
```
#0097e5
```
#0097e5 rgb(0,151,229)
```
#00a4f9
```
#00a4f9 rgb(0,164,249)
```

Shade Color Variation

#0dacff
```
#0dacff rgb(13,172,255)
```
#21b3ff
```
#21b3ff rgb(33,179,255)
```
#35baff
```
#35baff rgb(53,186,255)
```
#48c0ff
```
#48c0ff rgb(72,192,255)
```
#5cc7ff
```
#5cc7ff rgb(92,199,255)
```
#6fceff
```
#6fceff rgb(111,206,255)
```
#83d5ff
```
#83d5ff rgb(131,213,255)
```
#97dbff
```
#97dbff rgb(151,219,255)
```
#aae2ff
```
#aae2ff rgb(170,226,255)
```
#bee9ff
```
#bee9ff rgb(190,233,255)
```
#d2efff
```
#d2efff rgb(210,239,255)
```
#e5f6ff
```
#e5f6ff rgb(229,246,255)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#879399
```
#879399 rgb(135,147,153)
```
#7f95a1
```
#7f95a1 rgb(127,149,161)
```
#7698aa
```
#7698aa rgb(118,152,170)
```
#6e9bb2
```
#6e9bb2 rgb(110,155,178)
```
#659dbb
```
#659dbb rgb(101,157,187)
```
#5da0c3
```
#5da0c3 rgb(93,160,195)
```
#54a3cc
```
#54a3cc rgb(84,163,204)
```
#4ca6d4
```
#4ca6d4 rgb(76,166,212)
```
#43a8dd
```
#43a8dd rgb(67,168,221)
```
#3babe5
```
#3babe5 rgb(59,171,229)
```
#32aeee
```
#32aeee rgb(50,174,238)
```
#2ab0f6
```
#2ab0f6 rgb(42,176,246)
```
#21b3ff
```
#21b3ff rgb(33,179,255)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7a97a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92abf6 Protanopia 1% of men
#80adff Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#69aef9 Protanomaly 1% of men, 0.01% of women
#5eafff Deuteranomaly 6% of men, 0.4% of women
#0cbade Tritanomaly 0.01% of the population

#21b3ff hex color

#21b3ff Color Information

#21b3ff Color Conversion

Color Schemes with #21b3ff

Alternatives to #21b3ff

#21b3ff Preview

Shades and Tints of #21b3ff

Tones of #21b3ff

Color Blindness Simulator