#21b6ed hex color

In a RGB color space, hex #21b6ed is composed of 12.9% red, 71.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 23.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 196.2 degrees, a saturation of 85% and a lightness of 52.9%. #21b6ed color hex could be obtained by blending #42ffff with #006ddb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 71
- B 93
RGB color chart
- C 86
- M 23
- Y 0
- K 7
CMYK color chart

● #21b6ed color description : Vivid blue.

The hexadecimal color #21b6ed has RGB values of R:33, G:182, B:237 and CMYK values of C:0.86, M:0.23, Y:0, K:0.07. Its decimal value is 2209517.

Hex triplet	21b6ed	`#21b6ed`
RGB Decimal	33, 182, 237	`rgb(33,182,237)`
RGB Percent	12.9, 71.4, 92.9	`rgb(12.9%,71.4%,92.9%)`
CMYK	86, 23, 0, 7
HSL	196.2°, 85, 52.9	`hsl(196.2,85%,52.9%)`
HSV (or HSB)	196.2°, 86.1, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.392, -17.938, -37.716
XYZ	32.637, 39.891, 86.096
xyY	0.206, 0.251, 39.891
CIE-LCH	69.392, 41.764, 244.564
CIE-LUV	69.392, -46.04, -58.296
Hunter-Lab	63.159, -18.289, -36.61
Binary	00100001, 10110110, 11101101

#21b6ed
```
#21b6ed rgb(33,182,237)
```
#ed5821
```
#ed5821 rgb(237,88,33)
```

Complementary Color

#21edbe
```
#21edbe rgb(33,237,190)
```
#21b6ed
```
#21b6ed rgb(33,182,237)
```
#2150ed
```
#2150ed rgb(33,80,237)
```

Analogous Color

#edbe21
```
#edbe21 rgb(237,190,33)
```
#21b6ed
```
#21b6ed rgb(33,182,237)
```
#ed2150
```
#ed2150 rgb(237,33,80)
```

Split Complementary Color

#b6ed21
```
#b6ed21 rgb(182,237,33)
```
#21b6ed
```
#21b6ed rgb(33,182,237)
```
#ed21b6
```
#ed21b6 rgb(237,33,182)
```

Triadic Color

#21ed58
```
#21ed58 rgb(33,237,88)
```
#21b6ed
```
#21b6ed rgb(33,182,237)
```
#ed21b6
```
#ed21b6 rgb(237,33,182)
```
#ed5821
```
#ed5821 rgb(237,88,33)
```

Tetradic Color

#0f87b3
```
#0f87b3 rgb(15,135,179)
```
#1098cb
```
#1098cb rgb(16,152,203)
```
#12aae2
```
#12aae2 rgb(18,170,226)
```
#21b6ed
```
#21b6ed rgb(33,182,237)
```
#39beef
```
#39beef rgb(57,190,239)
```
#50c6f1
```
#50c6f1 rgb(80,198,241)
```
#68cdf3
```
#68cdf3 rgb(104,205,243)
```

Monochromatic Color

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

#21e9ed
```
#21e9ed rgb(33,233,237)
```
#21d8ed
```
#21d8ed rgb(33,216,237)
```
#21c7ed
```
#21c7ed rgb(33,199,237)
```
#21b6ed
```
#21b6ed rgb(33,182,237)
```
#21a5ed
```
#21a5ed rgb(33,165,237)
```
#2194ed
```
#2194ed rgb(33,148,237)
```
#2183ed
```
#2183ed rgb(33,131,237)
```

Similar Colors

Text with hexadecimal color #21b6ed

This text has a font color of #21b6ed.

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

#21b6ed background color

This paragraph has a background color of #21b6ed.

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

#21b6ed border color

This element has a border color of #21b6ed.

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

CSS codes

.text {color:#21b6ed;}

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

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

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, #010a0e is the darkest color, while #fbfeff is the lightest one.

#010a0e
```
#010a0e rgb(1,10,14)
```
#031820
```
#031820 rgb(3,24,32)
```
#042632
```
#042632 rgb(4,38,50)
```
#063344
```
#063344 rgb(6,51,68)
```
#074156
```
#074156 rgb(7,65,86)
```
#084f69
```
#084f69 rgb(8,79,105)
```
#0a5c7b
```
#0a5c7b rgb(10,92,123)
```
#0b6a8d
```
#0b6a8d rgb(11,106,141)
```
#0d789f
```
#0d789f rgb(13,120,159)
```
#0e85b1
```
#0e85b1 rgb(14,133,177)
```
#1093c3
```
#1093c3 rgb(16,147,195)
```
#11a1d5
```
#11a1d5 rgb(17,161,213)
```
#13aee8
```
#13aee8 rgb(19,174,232)
```

Shade Color Variation

#21b6ed
```
#21b6ed rgb(33,182,237)
```
#33bcee
```
#33bcee rgb(51,188,238)
```
#45c2f0
```
#45c2f0 rgb(69,194,240)
```
#57c8f1
```
#57c8f1 rgb(87,200,241)
```
#6acef3
```
#6acef3 rgb(106,206,243)
```
#7cd4f4
```
#7cd4f4 rgb(124,212,244)
```
#8edaf6
```
#8edaf6 rgb(142,218,246)
```
#a0e0f7
```
#a0e0f7 rgb(160,224,247)
```
#b2e6f9
```
#b2e6f9 rgb(178,230,249)
```
#c4ecfa
```
#c4ecfa rgb(196,236,250)
```
#d6f2fc
```
#d6f2fc rgb(214,242,252)
```
#e9f8fd
```
#e9f8fd rgb(233,248,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#878787
```
#878787 rgb(135,135,135)
```
#7d8b91
```
#7d8b91 rgb(125,139,145)
```
#74909a
```
#74909a rgb(116,144,154)
```
#6b94a3
```
#6b94a3 rgb(107,148,163)
```
#6298ac
```
#6298ac rgb(98,152,172)
```
#589cb6
```
#589cb6 rgb(88,156,182)
```
#4fa1bf
```
#4fa1bf rgb(79,161,191)
```
#46a5c8
```
#46a5c8 rgb(70,165,200)
```
#3da9d1
```
#3da9d1 rgb(61,169,209)
```
#33addb
```
#33addb rgb(51,173,219)
```
#2ab2e4
```
#2ab2e4 rgb(42,178,228)
```
#21b6ed
```
#21b6ed rgb(33,182,237)
```
#18baf6
```
#18baf6 rgb(24,186,246)
```

Tone Color Variation

Below, you can see how #21b6ed 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
#7a98a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cabe4 Protanopia 1% of men
#8facf3 Deuteranopia 1% of men
#00becc Tritanopia 0.001% of the population

Trichromacy

#6fafe7 Protanomaly 1% of men, 0.01% of women
#67b0f1 Deuteranomaly 6% of men, 0.4% of women
#0cbbd8 Tritanomaly 0.01% of the population

#21b6ed hex color

#21b6ed Color Information

#21b6ed Color Conversion

Color Schemes with #21b6ed

Alternatives to #21b6ed

#21b6ed Preview

Shades and Tints of #21b6ed

Tones of #21b6ed

Color Blindness Simulator