#21a5df hex color

In a RGB color space, hex #21a5df is composed of 12.9% red, 64.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 26% magenta, 0% yellow and 12.5% black. It has a hue angle of 198.3 degrees, a saturation of 74.8% and a lightness of 50.2%. #21a5df color hex could be obtained by blending #42ffff with #004bbf. Closest websafe color is: #3399cc.

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

● #21a5df color description : Vivid blue.

The hexadecimal color #21a5df has RGB values of R:33, G:165, B:223 and CMYK values of C:0.85, M:0.26, Y:0, K:0.13. Its decimal value is 2205151.

Hex triplet	21a5df	`#21a5df`
RGB Decimal	33, 165, 223	`rgb(33,165,223)`
RGB Percent	12.9, 64.7, 87.5	`rgb(12.9%,64.7%,87.5%)`
CMYK	85, 26, 0, 13
HSL	198.3°, 74.8, 50.2	`hsl(198.3,74.8%,50.2%)`
HSV (or HSB)	198.3°, 85.2, 87.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.802, -13.682, -38.764
XYZ	27.398, 32.559, 74.648
xyY	0.204, 0.242, 32.559
CIE-LCH	63.802, 41.107, 250.559
CIE-LUV	63.802, -41.211, -59.888
Hunter-Lab	57.06, -14.146, -37.623
Binary	00100001, 10100101, 11011111

#21a5df
```
#21a5df rgb(33,165,223)
```
#df5b21
```
#df5b21 rgb(223,91,33)
```

Complementary Color

#21dfba
```
#21dfba rgb(33,223,186)
```
#21a5df
```
#21a5df rgb(33,165,223)
```
#2146df
```
#2146df rgb(33,70,223)
```

Analogous Color

#dfba21
```
#dfba21 rgb(223,186,33)
```
#21a5df
```
#21a5df rgb(33,165,223)
```
#df2146
```
#df2146 rgb(223,33,70)
```

Split Complementary Color

#a5df21
```
#a5df21 rgb(165,223,33)
```
#21a5df
```
#21a5df rgb(33,165,223)
```
#df21a5
```
#df21a5 rgb(223,33,165)
```

Triadic Color

#21df5b
```
#21df5b rgb(33,223,91)
```
#21a5df
```
#21a5df rgb(33,165,223)
```
#df21a5
```
#df21a5 rgb(223,33,165)
```
#df5b21
```
#df5b21 rgb(223,91,33)
```

Tetradic Color

#17749d
```
#17749d rgb(23,116,157)
```
#1a84b3
```
#1a84b3 rgb(26,132,179)
```
#1d95c9
```
#1d95c9 rgb(29,149,201)
```
#21a5df
```
#21a5df rgb(33,165,223)
```
#37aee2
```
#37aee2 rgb(55,174,226)
```
#4eb7e5
```
#4eb7e5 rgb(78,183,229)
```
#64c0e9
```
#64c0e9 rgb(100,192,233)
```

Monochromatic Color

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

#21d5df
```
#21d5df rgb(33,213,223)
```
#21c5df
```
#21c5df rgb(33,197,223)
```
#21b5df
```
#21b5df rgb(33,181,223)
```
#21a5df
```
#21a5df rgb(33,165,223)
```
#2195df
```
#2195df rgb(33,149,223)
```
#2185df
```
#2185df rgb(33,133,223)
```
#2176df
```
#2176df rgb(33,118,223)
```

Similar Colors

Text with hexadecimal color #21a5df

This text has a font color of #21a5df.

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

#21a5df background color

This paragraph has a background color of #21a5df.

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

#21a5df border color

This element has a border color of #21a5df.

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

CSS codes

.text {color:#21a5df;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030d12
```
#030d12 rgb(3,13,18)
```
#051a23
```
#051a23 rgb(5,26,35)
```
#082734
```
#082734 rgb(8,39,52)
```
#0a3345
```
#0a3345 rgb(10,51,69)
```
#0c4057
```
#0c4057 rgb(12,64,87)
```
#0f4d68
```
#0f4d68 rgb(15,77,104)
```
#115979
```
#115979 rgb(17,89,121)
```
#14668a
```
#14668a rgb(20,102,138)
```
#16739b
```
#16739b rgb(22,115,155)
```
#197fac
```
#197fac rgb(25,127,172)
```
#1b8cbd
```
#1b8cbd rgb(27,140,189)
```
#1e99cf
```
#1e99cf rgb(30,153,207)
```

Shade Color Variation

#21a5df
```
#21a5df rgb(33,165,223)
```
#32ace1
```
#32ace1 rgb(50,172,225)
```
#43b3e4
```
#43b3e4 rgb(67,179,228)
```
#54bae6
```
#54bae6 rgb(84,186,230)
```
#66c1e9
```
#66c1e9 rgb(102,193,233)
```
#77c8eb
```
#77c8eb rgb(119,200,235)
```
#88cfee
```
#88cfee rgb(136,207,238)
```
#99d6f0
```
#99d6f0 rgb(153,214,240)
```
#aaddf3
```
#aaddf3 rgb(170,221,243)
```
#bbe4f5
```
#bbe4f5 rgb(187,228,245)
```
#ccebf8
```
#ccebf8 rgb(204,235,248)
```
#def1fa
```
#def1fa rgb(222,241,250)
```
#eff8fd
```
#eff8fd rgb(239,248,253)
```

Tint Color Variation

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

#798387
```
#798387 rgb(121,131,135)
```
#6f8791
```
#6f8791 rgb(111,135,145)
```
#658a9b
```
#658a9b rgb(101,138,155)
```
#5c8ea4
```
#5c8ea4 rgb(92,142,164)
```
#5292ae
```
#5292ae rgb(82,146,174)
```
#4896b8
```
#4896b8 rgb(72,150,184)
```
#3e9ac2
```
#3e9ac2 rgb(62,154,194)
```
#359dcb
```
#359dcb rgb(53,157,203)
```
#2ba1d5
```
#2ba1d5 rgb(43,161,213)
```
#21a5df
```
#21a5df rgb(33,165,223)
```
#17a9e9
```
#17a9e9 rgb(23,169,233)
```
#0dadf3
```
#0dadf3 rgb(13,173,243)
```
#04b0fc
```
#04b0fc rgb(4,176,252)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#708b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c9dd8 Protanopia 1% of men
#7e9fe5 Deuteranopia 1% of men
#00afbb Tritanopia 0.001% of the population

Trichromacy

#65a0da Protanomaly 1% of men, 0.01% of women
#5ca1e2 Deuteranomaly 6% of men, 0.4% of women
#0cabc8 Tritanomaly 0.01% of the population

#21a5df hex color

#21a5df Color Information

#21a5df Color Conversion

Color Schemes with #21a5df

Alternatives to #21a5df

#21a5df Preview

Shades and Tints of #21a5df

Tones of #21a5df

Color Blindness Simulator