#21acde hex color

In a RGB color space, hex #21acde is composed of 12.9% red, 67.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 22.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 195.9 degrees, a saturation of 74.1% and a lightness of 50%. #21acde color hex could be obtained by blending #42ffff with #0059bd. Closest websafe color is: #3399cc.

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

● #21acde color description : Vivid blue.

The hexadecimal color #21acde has RGB values of R:33, G:172, B:222 and CMYK values of C:0.85, M:0.23, Y:0, K:0.13. Its decimal value is 2206942.

Hex triplet	21acde	`#21acde`
RGB Decimal	33, 172, 222	`rgb(33,172,222)`
RGB Percent	12.9, 67.5, 87.1	`rgb(12.9%,67.5%,87.1%)`
CMYK	85, 23, 0, 13
HSL	195.9°, 74.1, 50	`hsl(195.9,74.1%,50%)`
HSV (or HSB)	195.9°, 85.1, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.826, -17.799, -35.056
XYZ	28.561, 35.1, 74.373
xyY	0.207, 0.254, 35.1
CIE-LCH	65.826, 39.316, 243.082
CIE-LUV	65.826, -43.668, -53.39
Hunter-Lab	59.245, -17.626, -32.958
Binary	00100001, 10101100, 11011110

#21acde
```
#21acde rgb(33,172,222)
```
#de5321
```
#de5321 rgb(222,83,33)
```

Complementary Color

#21deb2
```
#21deb2 rgb(33,222,178)
```
#21acde
```
#21acde rgb(33,172,222)
```
#214ede
```
#214ede rgb(33,78,222)
```

Analogous Color

#deb221
```
#deb221 rgb(222,178,33)
```
#21acde
```
#21acde rgb(33,172,222)
```
#de214e
```
#de214e rgb(222,33,78)
```

Split Complementary Color

#acde21
```
#acde21 rgb(172,222,33)
```
#21acde
```
#21acde rgb(33,172,222)
```
#de21ac
```
#de21ac rgb(222,33,172)
```

Triadic Color

#21de53
```
#21de53 rgb(33,222,83)
```
#21acde
```
#21acde rgb(33,172,222)
```
#de21ac
```
#de21ac rgb(222,33,172)
```
#de5321
```
#de5321 rgb(222,83,33)
```

Tetradic Color

#17789b
```
#17789b rgb(23,120,155)
```
#1a8ab2
```
#1a8ab2 rgb(26,138,178)
```
#1e9bc8
```
#1e9bc8 rgb(30,155,200)
```
#21acde
```
#21acde rgb(33,172,222)
```
#37b4e1
```
#37b4e1 rgb(55,180,225)
```
#4dbde5
```
#4dbde5 rgb(77,189,229)
```
#64c5e8
```
#64c5e8 rgb(100,197,232)
```

Monochromatic Color

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

#21dbde
```
#21dbde rgb(33,219,222)
```
#21ccde
```
#21ccde rgb(33,204,222)
```
#21bcde
```
#21bcde rgb(33,188,222)
```
#21acde
```
#21acde rgb(33,172,222)
```
#219cde
```
#219cde rgb(33,156,222)
```
#218dde
```
#218dde rgb(33,141,222)
```
#217dde
```
#217dde rgb(33,125,222)
```

Similar Colors

Text with hexadecimal color #21acde

This text has a font color of #21acde.

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

#21acde background color

This paragraph has a background color of #21acde.

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

#21acde border color

This element has a border color of #21acde.

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

CSS codes

.text {color:#21acde;}

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

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

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, #030d11 is the darkest color, while #ffffff is the lightest one.

#030d11
```
#030d11 rgb(3,13,17)
```
#051a22
```
#051a22 rgb(5,26,34)
```
#082833
```
#082833 rgb(8,40,51)
```
#0a3544
```
#0a3544 rgb(10,53,68)
```
#0d4255
```
#0d4255 rgb(13,66,85)
```
#0f4f66
```
#0f4f66 rgb(15,79,102)
```
#125d78
```
#125d78 rgb(18,93,120)
```
#146a89
```
#146a89 rgb(20,106,137)
```
#17779a
```
#17779a rgb(23,119,154)
```
#1984ab
```
#1984ab rgb(25,132,171)
```
#1c92bc
```
#1c92bc rgb(28,146,188)
```
#1e9fcd
```
#1e9fcd rgb(30,159,205)
```
#21acde
```
#21acde rgb(33,172,222)
```

Shade Color Variation

#32b2e1
```
#32b2e1 rgb(50,178,225)
```
#43b9e3
```
#43b9e3 rgb(67,185,227)
```
#54bfe6
```
#54bfe6 rgb(84,191,230)
```
#65c6e8
```
#65c6e8 rgb(101,198,232)
```
#76cceb
```
#76cceb rgb(118,204,235)
```
#87d2ed
```
#87d2ed rgb(135,210,237)
```
#99d9f0
```
#99d9f0 rgb(153,217,240)
```
#aadff2
```
#aadff2 rgb(170,223,242)
```
#bbe5f5
```
#bbe5f5 rgb(187,229,245)
```
#ccecf7
```
#ccecf7 rgb(204,236,247)
```
#ddf2fa
```
#ddf2fa rgb(221,242,250)
```
#eef9fc
```
#eef9fc rgb(238,249,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#798286
```
#798286 rgb(121,130,134)
```
#6f8790
```
#6f8790 rgb(111,135,144)
```
#668c99
```
#668c99 rgb(102,140,153)
```
#5c90a3
```
#5c90a3 rgb(92,144,163)
```
#5295ad
```
#5295ad rgb(82,149,173)
```
#489ab7
```
#489ab7 rgb(72,154,183)
```
#3e9ec1
```
#3e9ec1 rgb(62,158,193)
```
#35a3ca
```
#35a3ca rgb(53,163,202)
```
#2ba7d4
```
#2ba7d4 rgb(43,167,212)
```
#21acde
```
#21acde rgb(33,172,222)
```
#17b1e8
```
#17b1e8 rgb(23,177,232)
```
#0db5f2
```
#0db5f2 rgb(13,181,242)
```
#04bafb
```
#04bafb rgb(4,186,251)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#738f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a3d6 Protanopia 1% of men
#8aa3e4 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#6ba6d9 Protanomaly 1% of men, 0.01% of women
#63a6e2 Deuteranomaly 6% of men, 0.4% of women
#0cb1cb Tritanomaly 0.01% of the population

#21acde hex color

#21acde Color Information

#21acde Color Conversion

Color Schemes with #21acde

Alternatives to #21acde

#21acde Preview

Shades and Tints of #21acde

Tones of #21acde

Color Blindness Simulator