#21acf5 hex color

In a RGB color space, hex #21acf5 is composed of 12.9% red, 67.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 29.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 200.7 degrees, a saturation of 91.4% and a lightness of 54.5%. #21acf5 color hex could be obtained by blending #42ffff with #0059eb. Closest websafe color is: #3399ff.

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

● #21acf5 color description : Vivid blue.

The hexadecimal color #21acf5 has RGB values of R:33, G:172, B:245 and CMYK values of C:0.87, M:0.3, Y:0, K:0.04. Its decimal value is 2206965.

Hex triplet	21acf5	`#21acf5`
RGB Decimal	33, 172, 245	`rgb(33,172,245)`
RGB Percent	12.9, 67.5, 96.1	`rgb(12.9%,67.5%,96.1%)`
CMYK	87, 30, 0, 4
HSL	200.7°, 91.4, 54.5	`hsl(200.7,91.4%,54.5%)`
HSV (or HSB)	200.7°, 86.5, 96.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.838, -9.744, -46.069
XYZ	31.857, 36.418, 91.732
xyY	0.199, 0.228, 36.418
CIE-LCH	66.838, 47.088, 258.057
CIE-LUV	66.838, -42.148, -73.191
Hunter-Lab	60.347, -11.379, -47.881
Binary	00100001, 10101100, 11110101

#21acf5
```
#21acf5 rgb(33,172,245)
```
#f56a21
```
#f56a21 rgb(245,106,33)
```

Complementary Color

#21f5d4
```
#21f5d4 rgb(33,245,212)
```
#21acf5
```
#21acf5 rgb(33,172,245)
```
#2142f5
```
#2142f5 rgb(33,66,245)
```

Analogous Color

#f5d421
```
#f5d421 rgb(245,212,33)
```
#21acf5
```
#21acf5 rgb(33,172,245)
```
#f52142
```
#f52142 rgb(245,33,66)
```

Split Complementary Color

#acf521
```
#acf521 rgb(172,245,33)
```
#21acf5
```
#21acf5 rgb(33,172,245)
```
#f521ac
```
#f521ac rgb(245,33,172)
```

Triadic Color

#21f56a
```
#21f56a rgb(33,245,106)
```
#21acf5
```
#21acf5 rgb(33,172,245)
```
#f521ac
```
#f521ac rgb(245,33,172)
```
#f56a21
```
#f56a21 rgb(245,106,33)
```

Tetradic Color

#0981c1
```
#0981c1 rgb(9,129,193)
```
#0a92d9
```
#0a92d9 rgb(10,146,217)
```
#0ba2f2
```
#0ba2f2 rgb(11,162,242)
```
#21acf5
```
#21acf5 rgb(33,172,245)
```
#39b5f6
```
#39b5f6 rgb(57,181,246)
```
#52bef7
```
#52bef7 rgb(82,190,247)
```
#6ac7f8
```
#6ac7f8 rgb(106,199,248)
```

Monochromatic Color

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

#21e1f5
```
#21e1f5 rgb(33,225,245)
```
#21cff5
```
#21cff5 rgb(33,207,245)
```
#21bef5
```
#21bef5 rgb(33,190,245)
```
#21acf5
```
#21acf5 rgb(33,172,245)
```
#219af5
```
#219af5 rgb(33,154,245)
```
#2189f5
```
#2189f5 rgb(33,137,245)
```
#2177f5
```
#2177f5 rgb(33,119,245)
```

Similar Colors

Text with hexadecimal color #21acf5

This text has a font color of #21acf5.

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

#21acf5 background color

This paragraph has a background color of #21acf5.

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

#21acf5 border color

This element has a border color of #21acf5.

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

CSS codes

.text {color:#21acf5;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010f16
```
#010f16 rgb(1,15,22)
```
#021b29
```
#021b29 rgb(2,27,41)
```
#03283c
```
#03283c rgb(3,40,60)
```
#04354e
```
#04354e rgb(4,53,78)
```
#044161
```
#044161 rgb(4,65,97)
```
#054e74
```
#054e74 rgb(5,78,116)
```
#065a87
```
#065a87 rgb(6,90,135)
```
#076799
```
#076799 rgb(7,103,153)
```
#0874ac
```
#0874ac rgb(8,116,172)
```
#0980bf
```
#0980bf rgb(9,128,191)
```
#098dd2
```
#098dd2 rgb(9,141,210)
```
#0a99e4
```
#0a99e4 rgb(10,153,228)
```

Shade Color Variation

#0ea5f4
```
#0ea5f4 rgb(14,165,244)
```
#21acf5
```
#21acf5 rgb(33,172,245)
```
#34b3f6
```
#34b3f6 rgb(52,179,246)
```
#47baf7
```
#47baf7 rgb(71,186,247)
```
#59c1f8
```
#59c1f8 rgb(89,193,248)
```
#6cc8f8
```
#6cc8f8 rgb(108,200,248)
```
#7fcff9
```
#7fcff9 rgb(127,207,249)
```
#92d6fa
```
#92d6fa rgb(146,214,250)
```
#a4ddfb
```
#a4ddfb rgb(164,221,251)
```
#b7e4fc
```
#b7e4fc rgb(183,228,252)
```
#caebfd
```
#caebfd rgb(202,235,253)
```
#ddf2fd
```
#ddf2fd rgb(221,242,253)
```
#eff9fe
```
#eff9fe rgb(239,249,254)
```

Tint Color Variation

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

#838d93
```
#838d93 rgb(131,141,147)
```
#7a909c
```
#7a909c rgb(122,144,156)
```
#7193a5
```
#7193a5 rgb(113,147,165)
```
#6896ae
```
#6896ae rgb(104,150,174)
```
#5f99b7
```
#5f99b7 rgb(95,153,183)
```
#579bbf
```
#579bbf rgb(87,155,191)
```
#4e9ec8
```
#4e9ec8 rgb(78,158,200)
```
#45a1d1
```
#45a1d1 rgb(69,161,209)
```
#3ca4da
```
#3ca4da rgb(60,164,218)
```
#33a6e3
```
#33a6e3 rgb(51,166,227)
```
#2aa9ec
```
#2aa9ec rgb(42,169,236)
```
#21acf5
```
#21acf5 rgb(33,172,245)
```
#18affe
```
#18affe rgb(24,175,254)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7692a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da5ed Protanopia 1% of men
#79a7f9 Deuteranopia 1% of men
#00b7c4 Tritanopia 0.001% of the population

Trichromacy

#66a7ef Protanomaly 1% of men, 0.01% of women
#59a9f7 Deuteranomaly 6% of men, 0.4% of women
#0cb3d5 Tritanomaly 0.01% of the population

#21acf5 hex color

#21acf5 Color Information

#21acf5 Color Conversion

Color Schemes with #21acf5

Alternatives to #21acf5

#21acf5 Preview

Shades and Tints of #21acf5

Tones of #21acf5

Color Blindness Simulator