#21b8d4 Color Information
In a RGB color space, hex #21b8d4 is composed of 12.9% red, 72.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 13.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 189.4 degrees, a saturation of 73.1% and a lightness of 48%. #21b8d4 color hex could be obtained by blending #42ffff with #0071a9. Closest websafe color is: #33cccc.
-
- R 13
- G 72
- B 83
-
- C 84
- M 13
- Y 0
- K 17
● #21b8d4 color description : Strong cyan.
#21b8d4 Color Conversion
The hexadecimal color #21b8d4 has RGB values of R:33, G:184, B:212 and CMYK values of C:0.84, M:0.13, Y:0, K:0.17. Its decimal value is 2210004.
Hex triplet | 21b8d4 | #21b8d4 |
---|---|---|
RGB Decimal | 33, 184, 212 | rgb(33,184,212) |
RGB Percent | 12.9, 72.2, 83.1 | rgb(12.9%,72.2%,83.1%) |
CMYK | 84, 13, 0, 17 | |
HSL | 189.4°, 73.1, 48 | hsl(189.4,73.1%,48%) |
HSV (or HSB) | 189.4°, 84.4, 83.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.008, -27.316, -24.655 |
---|---|
XYZ | 29.648, 39.355, 68.317 |
xyY | 0.216, 0.287, 39.355 |
CIE-LCH | 69.008, 36.797, 222.069 |
CIE-LUV | 69.008, -48.514, -34.96 |
Hunter-Lab | 62.733, -25.424, -20.654 |
Binary | 00100001, 10111000, 11010100 |
Color Schemes with #21b8d4
Alternatives to #21b8d4
Below, you can see some colors close to #21b8d4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#21b8d4 Preview
This text has a font color of #21b8d4.
<span style="color:#21b8d4;">Text here</span>
This paragraph has a background color of #21b8d4.
<p style="background-color:#21b8d4;">Content here</p>
This element has a border color of #21b8d4.
<div style="border:1px solid #21b8d4;">Content here</div>
.text {color:#21b8d4;}
.background {background-color:#21b8d4;}
.border {border:1px solid #21b8d4;}
Shades and Tints of #21b8d4
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, #010708 is the darkest color, while #f6fdfe is the lightest one.
-
#010708
#010708
rgb(1,7,8)
-
#041619
#041619
rgb(4,22,25)
-
#07252a
#07252a
rgb(7,37,42)
-
#09333b
#09333b
rgb(9,51,59)
-
#0c424c
#0c424c
rgb(12,66,76)
-
#0f515d
#0f515d
rgb(15,81,93)
-
#11606e
#11606e
rgb(17,96,110)
-
#146e7f
#146e7f
rgb(20,110,127)
-
#167d90
#167d90
rgb(22,125,144)
-
#198ca1
#198ca1
rgb(25,140,161)
-
#1c9bb2
#1c9bb2
rgb(28,155,178)
-
#1ea9c3
#1ea9c3
rgb(30,169,195)
-
#21b8d4
#21b8d4
rgb(33,184,212)
-
#2bc2de
#2bc2de
rgb(43,194,222)
-
#3cc7e1
#3cc7e1
rgb(60,199,225)
-
#4dcce3
#4dcce3
rgb(77,204,227)
-
#5ed1e6
#5ed1e6
rgb(94,209,230)
-
#6fd5e9
#6fd5e9
rgb(111,213,233)
-
#80daeb
#80daeb
rgb(128,218,235)
-
#91dfee
#91dfee
rgb(145,223,238)
-
#a1e4f0
#a1e4f0
rgb(161,228,240)
-
#b2e9f3
#b2e9f3
rgb(178,233,243)
-
#c3eef6
#c3eef6
rgb(195,238,246)
-
#d4f3f8
#d4f3f8
rgb(212,243,248)
-
#e5f8fb
#e5f8fb
rgb(229,248,251)
-
#f6fdfe
#f6fdfe
rgb(246,253,254)
Tones of #21b8d4
A tone is produced by adding gray to any pure hue. In this case, #767e7f is the less saturated color, while #05cbf0 is the most saturated one.
-
#767e7f
#767e7f
rgb(118,126,127)
-
#6c8489
#6c8489
rgb(108,132,137)
-
#638b92
#638b92
rgb(99,139,146)
-
#5a919b
#5a919b
rgb(90,145,155)
-
#5098a5
#5098a5
rgb(80,152,165)
-
#479eae
#479eae
rgb(71,158,174)
-
#3da5b8
#3da5b8
rgb(61,165,184)
-
#34abc1
#34abc1
rgb(52,171,193)
-
#2ab2cb
#2ab2cb
rgb(42,178,203)
-
#21b8d4
#21b8d4
rgb(33,184,212)
-
#18bedd
#18bedd
rgb(24,190,221)
-
#0ec5e7
#0ec5e7
rgb(14,197,231)
-
#05cbf0
#05cbf0
rgb(5,203,240)
Color Blindness Simulator
Below, you can see how #21b8d4 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.