#21a9bd Color Information
In a RGB color space, hex #21a9bd is composed of 12.9% red, 66.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 10.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 187.7 degrees, a saturation of 70.3% and a lightness of 43.5%. #21a9bd color hex could be obtained by blending #42ffff with #00537b. Closest websafe color is: #3399cc.
-
- R 13
- G 66
- B 74
-
- C 83
- M 11
- Y 0
- K 26
● #21a9bd color description : Strong cyan.
#21a9bd Color Conversion
The hexadecimal color #21a9bd has RGB values of R:33, G:169, B:189 and CMYK values of C:0.83, M:0.11, Y:0, K:0.26. Its decimal value is 2206141.
| Hex triplet | 21a9bd | #21a9bd |
|---|---|---|
| RGB Decimal | 33, 169, 189 | rgb(33,169,189) |
| RGB Percent | 12.9, 66.3, 74.1 | rgb(12.9%,66.3%,74.1%) |
| CMYK | 83, 11, 0, 26 | |
| HSL | 187.7°, 70.3, 43.5 | hsl(187.7,70.3%,43.5%) |
| HSV (or HSB) | 187.7°, 82.5, 74.1 | |
| Web Safe | 3399cc | #3399cc |
| CIE-LAB | 63.648, -27.292, -20.125 |
|---|---|
| XYZ | 23.998, 32.371, 53.125 |
| xyY | 0.219, 0.296, 32.371 |
| CIE-LCH | 63.648, 33.91, 216.405 |
| CIE-LUV | 63.648, -44.964, -27.149 |
| Hunter-Lab | 56.896, -24.278, -15.534 |
| Binary | 00100001, 10101001, 10111101 |
Color Schemes with #21a9bd
Alternatives to #21a9bd
Below, you can see some colors close to #21a9bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#21a9bd Preview
This text has a font color of #21a9bd.
<span style="color:#21a9bd;">Text here</span>
This paragraph has a background color of #21a9bd.
<p style="background-color:#21a9bd;">Content here</p>
This element has a border color of #21a9bd.
<div style="border:1px solid #21a9bd;">Content here</div>
.text {color:#21a9bd;}
.background {background-color:#21a9bd;}
.border {border:1px solid #21a9bd;}
Shades and Tints of #21a9bd
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, #010505 is the darkest color, while #f4fcfd is the lightest one.
-
#010505
#010505rgb(1,5,5) -
#041416
#041416rgb(4,20,22) -
#072327
#072327rgb(7,35,39) -
#0a3237
#0a3237rgb(10,50,55) -
#0d4048
#0d4048rgb(13,64,72) -
#104f59
#104f59rgb(16,79,89) -
#125e6a
#125e6argb(18,94,106) -
#156d7a
#156d7argb(21,109,122) -
#187c8b
#187c8brgb(24,124,139) -
#1b8b9c
#1b8b9crgb(27,139,156) -
#1e9aac
#1e9aacrgb(30,154,172) -
#21a9bd
#21a9bdrgb(33,169,189) -
#24b8ce
#24b8cergb(36,184,206)
-
#2bc4da
#2bc4dargb(43,196,218) -
#3cc8dd
#3cc8ddrgb(60,200,221) -
#4dcde0
#4dcde0rgb(77,205,224) -
#5dd2e3
#5dd2e3rgb(93,210,227) -
#6ed6e6
#6ed6e6rgb(110,214,230) -
#7fdbe9
#7fdbe9rgb(127,219,233) -
#8fe0ec
#8fe0ecrgb(143,224,236) -
#a0e4ee
#a0e4eergb(160,228,238) -
#b1e9f1
#b1e9f1rgb(177,233,241) -
#c2eef4
#c2eef4rgb(194,238,244) -
#d2f2f7
#d2f2f7rgb(210,242,247) -
#e3f7fa
#e3f7fargb(227,247,250) -
#f4fcfd
#f4fcfdrgb(244,252,253)
Tones of #21a9bd
A tone is produced by adding gray to any pure hue. In this case, #6e7070 is the less saturated color, while #07bcd7 is the most saturated one.
-
#6e7070
#6e7070rgb(110,112,112) -
#657679
#657679rgb(101,118,121) -
#5d7d81
#5d7d81rgb(93,125,129) -
#54838a
#54838argb(84,131,138) -
#4c8992
#4c8992rgb(76,137,146) -
#43909b
#43909brgb(67,144,155) -
#3b96a3
#3b96a3rgb(59,150,163) -
#329cac
#329cacrgb(50,156,172) -
#2aa3b4
#2aa3b4rgb(42,163,180) -
#21a9bd
#21a9bdrgb(33,169,189) -
#18afc6
#18afc6rgb(24,175,198) -
#10b6ce
#10b6cergb(16,182,206) -
#07bcd7
#07bcd7rgb(7,188,215)
Color Blindness Simulator
Below, you can see how #21a9bd 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.
