#21d4ff Color Information
In a RGB color space, hex #21d4ff is composed of 12.9% red, 83.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 16.9% magenta, 0% yellow and 0% black. It has a hue angle of 191.6 degrees, a saturation of 100% and a lightness of 56.5%. #21d4ff color hex could be obtained by blending #42ffff with #00a9ff. Closest websafe color is: #33ccff.
-
- R 13
- G 83
- B 100
-
- C 87
- M 17
- Y 0
- K 0
● #21d4ff color description : Vivid cyan.
#21d4ff Color Conversion
The hexadecimal color #21d4ff has RGB values of R:33, G:212, B:255 and CMYK values of C:0.87, M:0.17, Y:0, K:0. Its decimal value is 2217215.
Hex triplet | 21d4ff | #21d4ff |
---|---|---|
RGB Decimal | 33, 212, 255 | rgb(33,212,255) |
RGB Percent | 12.9, 83.1, 100 | rgb(12.9%,83.1%,100%) |
CMYK | 87, 17, 0, 0 | |
HSL | 191.6°, 100, 56.5 | hsl(191.6,100%,56.5%) |
HSV (or HSB) | 191.6°, 87.1, 100 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 78.825, -27.241, -32.789 |
---|---|
XYZ | 42.216, 54.626, 102.921 |
xyY | 0.211, 0.273, 54.626 |
CIE-LCH | 78.825, 42.629, 230.28 |
CIE-LUV | 78.825, -54.883, -49.462 |
Hunter-Lab | 73.91, -27.386, -30.826 |
Binary | 00100001, 11010100, 11111111 |
Color Schemes with #21d4ff
Alternatives to #21d4ff
Below, you can see some colors close to #21d4ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#21d4ff Preview
This text has a font color of #21d4ff.
<span style="color:#21d4ff;">Text here</span>
This paragraph has a background color of #21d4ff.
<p style="background-color:#21d4ff;">Content here</p>
This element has a border color of #21d4ff.
<div style="border:1px solid #21d4ff;">Content here</div>
.text {color:#21d4ff;}
.background {background-color:#21d4ff;}
.border {border:1px solid #21d4ff;}
Shades and Tints of #21d4ff
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, #000b0d is the darkest color, while #f9feff is the lightest one.
-
#000b0d
#000b0d
rgb(0,11,13)
-
#001b21
#001b21
rgb(0,27,33)
-
#002a35
#002a35
rgb(0,42,53)
-
#003a48
#003a48
rgb(0,58,72)
-
#004a5c
#004a5c
rgb(0,74,92)
-
#005a6f
#005a6f
rgb(0,90,111)
-
#006a83
#006a83
rgb(0,106,131)
-
#007a97
#007a97
rgb(0,122,151)
-
#0089aa
#0089aa
rgb(0,137,170)
-
#0099be
#0099be
rgb(0,153,190)
-
#00a9d2
#00a9d2
rgb(0,169,210)
-
#00b9e5
#00b9e5
rgb(0,185,229)
-
#00c9f9
#00c9f9
rgb(0,201,249)
-
#0dd0ff
#0dd0ff
rgb(13,208,255)
-
#21d4ff
#21d4ff
rgb(33,212,255)
-
#35d8ff
#35d8ff
rgb(53,216,255)
-
#48dcff
#48dcff
rgb(72,220,255)
-
#5cdfff
#5cdfff
rgb(92,223,255)
-
#6fe3ff
#6fe3ff
rgb(111,227,255)
-
#83e7ff
#83e7ff
rgb(131,231,255)
-
#97ebff
#97ebff
rgb(151,235,255)
-
#aaefff
#aaefff
rgb(170,239,255)
-
#bef2ff
#bef2ff
rgb(190,242,255)
-
#d2f6ff
#d2f6ff
rgb(210,246,255)
-
#e5faff
#e5faff
rgb(229,250,255)
-
#f9feff
#f9feff
rgb(249,254,255)
Tones of #21d4ff
A tone is produced by adding gray to any pure hue. In this case, #879599 is the less saturated color, while #21d4ff is the most saturated one.
-
#879599
#879599
rgb(135,149,153)
-
#7f9aa1
#7f9aa1
rgb(127,154,161)
-
#76a0aa
#76a0aa
rgb(118,160,170)
-
#6ea5b2
#6ea5b2
rgb(110,165,178)
-
#65aabb
#65aabb
rgb(101,170,187)
-
#5dafc3
#5dafc3
rgb(93,175,195)
-
#54b5cc
#54b5cc
rgb(84,181,204)
-
#4cbad4
#4cbad4
rgb(76,186,212)
-
#43bfdd
#43bfdd
rgb(67,191,221)
-
#3bc4e5
#3bc4e5
rgb(59,196,229)
-
#32caee
#32caee
rgb(50,202,238)
-
#2acff6
#2acff6
rgb(42,207,246)
-
#21d4ff
#21d4ff
rgb(33,212,255)
Color Blindness Simulator
Below, you can see how #21d4ff 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.