#21afb3 Color Information
In a RGB color space, hex #21afb3 is composed of 12.9% red, 68.6% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 2.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 181.6 degrees, a saturation of 68.9% and a lightness of 41.6%. #21afb3 color hex could be obtained by blending #42ffff with #005f67. Closest websafe color is: #3399cc.
-
- R 13
- G 69
- B 70
-
- C 82
- M 2
- Y 0
- K 30
● #21afb3 color description : Strong cyan.
#21afb3 Color Conversion
The hexadecimal color #21afb3 has RGB values of R:33, G:175, B:179 and CMYK values of C:0.82, M:0.02, Y:0, K:0.3. Its decimal value is 2207667.
Hex triplet | 21afb3 | #21afb3 |
---|---|---|
RGB Decimal | 33, 175, 179 | rgb(33,175,179) |
RGB Percent | 12.9, 68.6, 70.2 | rgb(12.9%,68.6%,70.2%) |
CMYK | 82, 2, 0, 30 | |
HSL | 181.6°, 68.9, 41.6 | hsl(181.6,68.9%,41.6%) |
HSV (or HSB) | 181.6°, 81.6, 70.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.149, -33.351, -12.285 |
---|---|
XYZ | 24.091, 34.236, 47.984 |
xyY | 0.227, 0.322, 34.236 |
CIE-LCH | 65.149, 35.542, 200.222 |
CIE-LUV | 65.149, -47.813, -13.777 |
Hunter-Lab | 58.511, -28.899, -7.665 |
Binary | 00100001, 10101111, 10110011 |
Color Schemes with #21afb3
Alternatives to #21afb3
Below, you can see some colors close to #21afb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#21afb3 Preview
This text has a font color of #21afb3.
<span style="color:#21afb3;">Text here</span>
This paragraph has a background color of #21afb3.
<p style="background-color:#21afb3;">Content here</p>
This element has a border color of #21afb3.
<div style="border:1px solid #21afb3;">Content here</div>
.text {color:#21afb3;}
.background {background-color:#21afb3;}
.border {border:1px solid #21afb3;}
Shades and Tints of #21afb3
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, #020d0d is the darkest color, while #fcfefe is the lightest one.
-
#020d0d
#020d0d
rgb(2,13,13)
-
#061d1e
#061d1e
rgb(6,29,30)
-
#092d2f
#092d2f
rgb(9,45,47)
-
#0c3e3f
#0c3e3f
rgb(12,62,63)
-
#0f4e50
#0f4e50
rgb(15,78,80)
-
#125e60
#125e60
rgb(18,94,96)
-
#156e71
#156e71
rgb(21,110,113)
-
#187e81
#187e81
rgb(24,126,129)
-
#1b8f92
#1b8f92
rgb(27,143,146)
-
#1e9fa2
#1e9fa2
rgb(30,159,162)
-
#21afb3
#21afb3
rgb(33,175,179)
-
#24bfc4
#24bfc4
rgb(36,191,196)
-
#27cfd4
#27cfd4
rgb(39,207,212)
-
#35d5da
#35d5da
rgb(53,213,218)
-
#46d9dd
#46d9dd
rgb(70,217,221)
-
#56dce0
#56dce0
rgb(86,220,224)
-
#67e0e3
#67e0e3
rgb(103,224,227)
-
#77e3e6
#77e3e6
rgb(119,227,230)
-
#88e6e9
#88e6e9
rgb(136,230,233)
-
#98eaec
#98eaec
rgb(152,234,236)
-
#a9edef
#a9edef
rgb(169,237,239)
-
#baf1f2
#baf1f2
rgb(186,241,242)
-
#caf4f5
#caf4f5
rgb(202,244,245)
-
#dbf7f8
#dbf7f8
rgb(219,247,248)
-
#ebfbfb
#ebfbfb
rgb(235,251,251)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #21afb3
A tone is produced by adding gray to any pure hue. In this case, #627172 is the less saturated color, while #00ced4 is the most saturated one.
-
#627172
#627172
rgb(98,113,114)
-
#5a797a
#5a797a
rgb(90,121,122)
-
#528182
#528182
rgb(82,129,130)
-
#4a888a
#4a888a
rgb(74,136,138)
-
#429092
#429092
rgb(66,144,146)
-
#39989b
#39989b
rgb(57,152,155)
-
#31a0a3
#31a0a3
rgb(49,160,163)
-
#29a7ab
#29a7ab
rgb(41,167,171)
-
#21afb3
#21afb3
rgb(33,175,179)
-
#19b7bb
#19b7bb
rgb(25,183,187)
-
#11bec3
#11bec3
rgb(17,190,195)
-
#09c6cb
#09c6cb
rgb(9,198,203)
-
#00ced4
#00ced4
rgb(0,206,212)
Color Blindness Simulator
Below, you can see how #21afb3 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.