#21ade0 hex color

In a RGB color space, hex #21ade0 is composed of 12.9% red, 67.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 22.8% magenta, 0% yellow and 12.2% black. It has a hue angle of 196 degrees, a saturation of 75.5% and a lightness of 50.4%. #21ade0 color hex could be obtained by blending #42ffff with #005bc1. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 68
- B 88
RGB color chart
- C 85
- M 23
- Y 0
- K 12
CMYK color chart

● #21ade0 color description : Vivid blue.

The hexadecimal color #21ade0 has RGB values of R:33, G:173, B:224 and CMYK values of C:0.85, M:0.23, Y:0, K:0.12. Its decimal value is 2207200.

Hex triplet	21ade0	`#21ade0`
RGB Decimal	33, 173, 224	`rgb(33,173,224)`
RGB Percent	12.9, 67.8, 87.8	`rgb(12.9%,67.8%,87.8%)`
CMYK	85, 23, 0, 12
HSL	196°, 75.5, 50.4	`hsl(196,75.5%,50.4%)`
HSV (or HSB)	196°, 85.3, 87.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.205, -17.641, -35.567
XYZ	29.022, 35.59, 75.857
xyY	0.207, 0.253, 35.59
CIE-LCH	66.205, 39.701, 243.619
CIE-LUV	66.205, -43.872, -54.316
Hunter-Lab	59.657, -17.563, -33.63
Binary	00100001, 10101101, 11100000

#21ade0
```
#21ade0 rgb(33,173,224)
```
#e05421
```
#e05421 rgb(224,84,33)
```

Complementary Color

#21e0b4
```
#21e0b4 rgb(33,224,180)
```
#21ade0
```
#21ade0 rgb(33,173,224)
```
#214de0
```
#214de0 rgb(33,77,224)
```

Analogous Color

#e0b421
```
#e0b421 rgb(224,180,33)
```
#21ade0
```
#21ade0 rgb(33,173,224)
```
#e0214d
```
#e0214d rgb(224,33,77)
```

Split Complementary Color

#ade021
```
#ade021 rgb(173,224,33)
```
#21ade0
```
#21ade0 rgb(33,173,224)
```
#e021ad
```
#e021ad rgb(224,33,173)
```

Triadic Color

#21e054
```
#21e054 rgb(33,224,84)
```
#21ade0
```
#21ade0 rgb(33,173,224)
```
#e021ad
```
#e021ad rgb(224,33,173)
```
#e05421
```
#e05421 rgb(224,84,33)
```

Tetradic Color

#167a9e
```
#167a9e rgb(22,122,158)
```
#198bb5
```
#198bb5 rgb(25,139,181)
```
#1c9ccb
```
#1c9ccb rgb(28,156,203)
```
#21ade0
```
#21ade0 rgb(33,173,224)
```
#37b5e3
```
#37b5e3 rgb(55,181,227)
```
#4ebee6
```
#4ebee6 rgb(78,190,230)
```
#64c6e9
```
#64c6e9 rgb(100,198,233)
```

Monochromatic Color

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

#21dde0
```
#21dde0 rgb(33,221,224)
```
#21cde0
```
#21cde0 rgb(33,205,224)
```
#21bde0
```
#21bde0 rgb(33,189,224)
```
#21ade0
```
#21ade0 rgb(33,173,224)
```
#219de0
```
#219de0 rgb(33,157,224)
```
#218de0
```
#218de0 rgb(33,141,224)
```
#217de0
```
#217de0 rgb(33,125,224)
```

Similar Colors

Text with hexadecimal color #21ade0

This text has a font color of #21ade0.

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

#21ade0 background color

This paragraph has a background color of #21ade0.

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

#21ade0 border color

This element has a border color of #21ade0.

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

CSS codes

.text {color:#21ade0;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030f13
```
#030f13 rgb(3,15,19)
```
#051c24
```
#051c24 rgb(5,28,36)
```
#072935
```
#072935 rgb(7,41,53)
```
#0a3647
```
#0a3647 rgb(10,54,71)
```
#0c4458
```
#0c4458 rgb(12,68,88)
```
#0f5169
```
#0f5169 rgb(15,81,105)
```
#115e7a
```
#115e7a rgb(17,94,122)
```
#136b8b
```
#136b8b rgb(19,107,139)
```
#16799d
```
#16799d rgb(22,121,157)
```
#1886ae
```
#1886ae rgb(24,134,174)
```
#1b93bf
```
#1b93bf rgb(27,147,191)
```
#1da0d0
```
#1da0d0 rgb(29,160,208)
```

Shade Color Variation

#21ade0
```
#21ade0 rgb(33,173,224)
```
#32b3e2
```
#32b3e2 rgb(50,179,226)
```
#43bae5
```
#43bae5 rgb(67,186,229)
```
#55c0e7
```
#55c0e7 rgb(85,192,231)
```
#66c6ea
```
#66c6ea rgb(102,198,234)
```
#77cdec
```
#77cdec rgb(119,205,236)
```
#88d3ee
```
#88d3ee rgb(136,211,238)
```
#99daf1
```
#99daf1 rgb(153,218,241)
```
#abe0f3
```
#abe0f3 rgb(171,224,243)
```
#bce6f6
```
#bce6f6 rgb(188,230,246)
```
#cdedf8
```
#cdedf8 rgb(205,237,248)
```
#def3fa
```
#def3fa rgb(222,243,250)
```
#f0f9fd
```
#f0f9fd rgb(240,249,253)
```

Tint Color Variation

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

#798488
```
#798488 rgb(121,132,136)
```
#6f8992
```
#6f8992 rgb(111,137,146)
```
#658d9c
```
#658d9c rgb(101,141,156)
```
#5b92a6
```
#5b92a6 rgb(91,146,166)
```
#5296af
```
#5296af rgb(82,150,175)
```
#489bb9
```
#489bb9 rgb(72,155,185)
```
#3e9fc3
```
#3e9fc3 rgb(62,159,195)
```
#34a4cd
```
#34a4cd rgb(52,164,205)
```
#2ba8d6
```
#2ba8d6 rgb(43,168,214)
```
#21ade0
```
#21ade0 rgb(33,173,224)
```
#17b2ea
```
#17b2ea rgb(23,178,234)
```
#0eb6f3
```
#0eb6f3 rgb(14,182,243)
```
#04bbfd
```
#04bbfd rgb(4,187,253)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#74909a Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a3d8 Protanopia 1% of men
#8aa4e6 Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#6ba7db Protanomaly 1% of men, 0.01% of women
#64a7e4 Deuteranomaly 6% of men, 0.4% of women
#0cb2cd Tritanomaly 0.01% of the population

#21ade0 hex color

#21ade0 Color Information

#21ade0 Color Conversion

Color Schemes with #21ade0

Alternatives to #21ade0

#21ade0 Preview

Shades and Tints of #21ade0

Tones of #21ade0

Color Blindness Simulator