#21a4df Color Information
In a RGB color space, hex #21a4df is composed of 12.9% red, 64.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 26.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 198.6 degrees, a saturation of 74.8% and a lightness of 50.2%. #21a4df color hex could be obtained by blending #42ffff with #0049bf. Closest websafe color is: #3399cc.
-
- R 13
- G 64
- B 87
-
- C 85
- M 26
- Y 0
- K 13
● #21a4df color description : Vivid blue.
#21a4df Color Conversion
The hexadecimal color #21a4df has RGB values of R:33, G:164, B:223 and CMYK values of C:0.85, M:0.26, Y:0, K:0.13. Its decimal value is 2204895.
Hex triplet | 21a4df | #21a4df |
---|---|---|
RGB Decimal | 33, 164, 223 | rgb(33,164,223) |
RGB Percent | 12.9, 64.3, 87.5 | rgb(12.9%,64.3%,87.5%) |
CMYK | 85, 26, 0, 13 | |
HSL | 198.6°, 74.8, 50.2 | hsl(198.6,74.8%,50.2%) |
HSV (or HSB) | 198.6°, 85.2, 87.5 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.507, -13.136, -39.224 |
---|---|
XYZ | 27.219, 32.199, 74.589 |
xyY | 0.203, 0.24, 32.199 |
CIE-LCH | 63.507, 41.366, 251.485 |
CIE-LUV | 63.507, -40.871, -60.687 |
Hunter-Lab | 56.745, -13.682, -38.213 |
Binary | 00100001, 10100100, 11011111 |
Color Schemes with #21a4df
Alternatives to #21a4df
Below, you can see some colors close to #21a4df. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#21a4df Preview
This text has a font color of #21a4df.
<span style="color:#21a4df;">Text here</span>
This paragraph has a background color of #21a4df.
<p style="background-color:#21a4df;">Content here</p>
This element has a border color of #21a4df.
<div style="border:1px solid #21a4df;">Content here</div>
.text {color:#21a4df;}
.background {background-color:#21a4df;}
.border {border:1px solid #21a4df;}
Shades and Tints of #21a4df
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)
-
#082634
#082634
rgb(8,38,52)
-
#0a3345
#0a3345
rgb(10,51,69)
-
#0c4057
#0c4057
rgb(12,64,87)
-
#0f4c68
#0f4c68
rgb(15,76,104)
-
#115979
#115979
rgb(17,89,121)
-
#14658a
#14658a
rgb(20,101,138)
-
#16729b
#16729b
rgb(22,114,155)
-
#197fac
#197fac
rgb(25,127,172)
-
#1b8bbd
#1b8bbd
rgb(27,139,189)
-
#1e98cf
#1e98cf
rgb(30,152,207)
-
#21a4df
#21a4df
rgb(33,164,223)
-
#32abe1
#32abe1
rgb(50,171,225)
-
#43b2e4
#43b2e4
rgb(67,178,228)
-
#54b9e6
#54b9e6
rgb(84,185,230)
-
#66c0e9
#66c0e9
rgb(102,192,233)
-
#77c7eb
#77c7eb
rgb(119,199,235)
-
#88ceee
#88ceee
rgb(136,206,238)
-
#99d5f0
#99d5f0
rgb(153,213,240)
-
#aadcf3
#aadcf3
rgb(170,220,243)
-
#bbe3f5
#bbe3f5
rgb(187,227,245)
-
#cceaf8
#cceaf8
rgb(204,234,248)
-
#def1fa
#def1fa
rgb(222,241,250)
-
#eff8fd
#eff8fd
rgb(239,248,253)
Tones of #21a4df
A tone is produced by adding gray to any pure hue. In this case, #798387 is the less saturated color, while #04affc is the most saturated one.
-
#798387
#798387
rgb(121,131,135)
-
#6f8691
#6f8691
rgb(111,134,145)
-
#658a9b
#658a9b
rgb(101,138,155)
-
#5c8ea4
#5c8ea4
rgb(92,142,164)
-
#5291ae
#5291ae
rgb(82,145,174)
-
#4895b8
#4895b8
rgb(72,149,184)
-
#3e99c2
#3e99c2
rgb(62,153,194)
-
#359dcb
#359dcb
rgb(53,157,203)
-
#2ba0d5
#2ba0d5
rgb(43,160,213)
-
#21a4df
#21a4df
rgb(33,164,223)
-
#17a8e9
#17a8e9
rgb(23,168,233)
-
#0dabf3
#0dabf3
rgb(13,171,243)
-
#04affc
#04affc
rgb(4,175,252)
Color Blindness Simulator
Below, you can see how #21a4df 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.