#21caf9 Color Information
In a RGB color space, hex #21caf9 is composed of 12.9% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 193.1 degrees, a saturation of 94.7% and a lightness of 55.3%. #21caf9 color hex could be obtained by blending #42ffff with #0095f3. Closest websafe color is: #33ccff.
-
- R 13
- G 79
- B 98
-
- C 87
- M 19
- Y 0
- K 2
● #21caf9 color description : Vivid cyan.
#21caf9 Color Conversion
The hexadecimal color #21caf9 has RGB values of R:33, G:202, B:249 and CMYK values of C:0.87, M:0.19, Y:0, K:0.02. Its decimal value is 2214649.
Hex triplet | 21caf9 | #21caf9 |
---|---|---|
RGB Decimal | 33, 202, 249 | rgb(33,202,249) |
RGB Percent | 12.9, 79.2, 97.6 | rgb(12.9%,79.2%,97.6%) |
CMYK | 87, 19, 0, 2 | |
HSL | 193.1°, 94.7, 55.3 | hsl(193.1,94.7%,55.3%) |
HSV (or HSB) | 193.1°, 86.7, 97.6 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.7, -24.214, -34.409 |
---|---|
XYZ | 38.842, 49.4, 97.105 |
xyY | 0.21, 0.267, 49.4 |
CIE-LCH | 75.7, 42.075, 234.866 |
CIE-LUV | 75.7, -51.954, -52.424 |
Hunter-Lab | 70.285, -24.354, -32.715 |
Binary | 00100001, 11001010, 11111001 |
Color Schemes with #21caf9
Alternatives to #21caf9
Below, you can see some colors close to #21caf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#21caf9 Preview
This text has a font color of #21caf9.
<span style="color:#21caf9;">Text here</span>
This paragraph has a background color of #21caf9.
<p style="background-color:#21caf9;">Content here</p>
This element has a border color of #21caf9.
<div style="border:1px solid #21caf9;">Content here</div>
.text {color:#21caf9;}
.background {background-color:#21caf9;}
.border {border:1px solid #21caf9;}
Shades and Tints of #21caf9
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, #000607 is the darkest color, while #f3fcff is the lightest one.
-
#000607
#000607
rgb(0,6,7)
-
#01151a
#01151a
rgb(1,21,26)
-
#01242d
#01242d
rgb(1,36,45)
-
#023340
#023340
rgb(2,51,64)
-
#024254
#024254
rgb(2,66,84)
-
#035167
#035167
rgb(3,81,103)
-
#03607a
#03607a
rgb(3,96,122)
-
#046f8d
#046f8d
rgb(4,111,141)
-
#047ea0
#047ea0
rgb(4,126,160)
-
#058db3
#058db3
rgb(5,141,179)
-
#059cc6
#059cc6
rgb(5,156,198)
-
#06abd9
#06abd9
rgb(6,171,217)
-
#06baec
#06baec
rgb(6,186,236)
-
#0ec5f8
#0ec5f8
rgb(14,197,248)
-
#21caf9
#21caf9
rgb(33,202,249)
-
#34cffa
#34cffa
rgb(52,207,250)
-
#47d3fa
#47d3fa
rgb(71,211,250)
-
#5ad8fb
#5ad8fb
rgb(90,216,251)
-
#6ddcfb
#6ddcfb
rgb(109,220,251)
-
#80e1fc
#80e1fc
rgb(128,225,252)
-
#94e5fc
#94e5fc
rgb(148,229,252)
-
#a7eafd
#a7eafd
rgb(167,234,253)
-
#baeefd
#baeefd
rgb(186,238,253)
-
#cdf3fe
#cdf3fe
rgb(205,243,254)
-
#e0f8fe
#e0f8fe
rgb(224,248,254)
-
#f3fcff
#f3fcff
rgb(243,252,255)
Tones of #21caf9
A tone is produced by adding gray to any pure hue. In this case, #8a8f90 is the less saturated color, while #21caf9 is the most saturated one.
-
#8a8f90
#8a8f90
rgb(138,143,144)
-
#819499
#819499
rgb(129,148,153)
-
#7998a1
#7998a1
rgb(121,152,161)
-
#709daa
#709daa
rgb(112,157,170)
-
#67a2b3
#67a2b3
rgb(103,162,179)
-
#5ea7bc
#5ea7bc
rgb(94,167,188)
-
#56acc4
#56acc4
rgb(86,172,196)
-
#4db1cd
#4db1cd
rgb(77,177,205)
-
#44b6d6
#44b6d6
rgb(68,182,214)
-
#3bbbdf
#3bbbdf
rgb(59,187,223)
-
#33c0e7
#33c0e7
rgb(51,192,231)
-
#2ac5f0
#2ac5f0
rgb(42,197,240)
-
#21caf9
#21caf9
rgb(33,202,249)
Color Blindness Simulator
Below, you can see how #21caf9 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.