#22a5ad Color Information
In a RGB color space, hex #22a5ad is composed of 13.3% red, 64.7% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 4.6% magenta, 0% yellow and 32.2% black. It has a hue angle of 183.5 degrees, a saturation of 67.1% and a lightness of 40.6%. #22a5ad color hex could be obtained by blending #44ffff with #004b5b. Closest websafe color is: #339999.
-
- R 13
- G 65
- B 68
-
- C 80
- M 5
- Y 0
- K 32
● #22a5ad color description : Dark cyan.
#22a5ad Color Conversion
The hexadecimal color #22a5ad has RGB values of R:34, G:165, B:173 and CMYK values of C:0.8, M:0.05, Y:0, K:0.32. Its decimal value is 2270637.
Hex triplet | 22a5ad | #22a5ad |
---|---|---|
RGB Decimal | 34, 165, 173 | rgb(34,165,173) |
RGB Percent | 13.3, 64.7, 67.8 | rgb(13.3%,64.7%,67.8%) |
CMYK | 80, 5, 0, 32 | |
HSL | 183.5°, 67.1, 40.6 | hsl(183.5,67.1%,40.6%) |
HSV (or HSB) | 183.5°, 80.3, 67.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 61.883, -30.317, -13.844 |
---|---|
XYZ | 21.655, 30.265, 44.233 |
xyY | 0.225, 0.315, 30.265 |
CIE-LCH | 61.883, 33.328, 204.544 |
CIE-LUV | 61.883, -44.607, -16.553 |
Hunter-Lab | 55.014, -26.011, -9.162 |
Binary | 00100010, 10100101, 10101101 |
Color Schemes with #22a5ad
Alternatives to #22a5ad
Below, you can see some colors close to #22a5ad. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a5ad Preview
This text has a font color of #22a5ad.
<span style="color:#22a5ad;">Text here</span>
This paragraph has a background color of #22a5ad.
<p style="background-color:#22a5ad;">Content here</p>
This element has a border color of #22a5ad.
<div style="border:1px solid #22a5ad;">Content here</div>
.text {color:#22a5ad;}
.background {background-color:#22a5ad;}
.border {border:1px solid #22a5ad;}
Shades and Tints of #22a5ad
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, #020909 is the darkest color, while #f8fdfe is the lightest one.
-
#020909
#020909
rgb(2,9,9)
-
#051819
#051819
rgb(5,24,25)
-
#08282a
#08282a
rgb(8,40,42)
-
#0b383a
#0b383a
rgb(11,56,58)
-
#0f474b
#0f474b
rgb(15,71,75)
-
#12575b
#12575b
rgb(18,87,91)
-
#15666b
#15666b
rgb(21,102,107)
-
#18767c
#18767c
rgb(24,118,124)
-
#1c868c
#1c868c
rgb(28,134,140)
-
#1f959d
#1f959d
rgb(31,149,157)
-
#22a5ad
#22a5ad
rgb(34,165,173)
-
#25b5bd
#25b5bd
rgb(37,181,189)
-
#28c4ce
#28c4ce
rgb(40,196,206)
-
#33cdd7
#33cdd7
rgb(51,205,215)
-
#43d1da
#43d1da
rgb(67,209,218)
-
#54d5dd
#54d5dd
rgb(84,213,221)
-
#64d9e1
#64d9e1
rgb(100,217,225)
-
#75dde4
#75dde4
rgb(117,221,228)
-
#85e1e7
#85e1e7
rgb(133,225,231)
-
#95e5ea
#95e5ea
rgb(149,229,234)
-
#a6e9ed
#a6e9ed
rgb(166,233,237)
-
#b6edf1
#b6edf1
rgb(182,237,241)
-
#c6f1f4
#c6f1f4
rgb(198,241,244)
-
#d7f5f7
#d7f5f7
rgb(215,245,247)
-
#e7f9fa
#e7f9fa
rgb(231,249,250)
-
#f8fdfe
#f8fdfe
rgb(248,253,254)
Tones of #22a5ad
A tone is produced by adding gray to any pure hue. In this case, #626d6d is the less saturated color, while #02c1cd is the most saturated one.
-
#626d6d
#626d6d
rgb(98,109,109)
-
#5a7475
#5a7475
rgb(90,116,117)
-
#527b7d
#527b7d
rgb(82,123,125)
-
#4a8285
#4a8285
rgb(74,130,133)
-
#42898d
#42898d
rgb(66,137,141)
-
#3a9095
#3a9095
rgb(58,144,149)
-
#32979d
#32979d
rgb(50,151,157)
-
#2a9ea5
#2a9ea5
rgb(42,158,165)
-
#22a5ad
#22a5ad
rgb(34,165,173)
-
#1aacb5
#1aacb5
rgb(26,172,181)
-
#12b3bd
#12b3bd
rgb(18,179,189)
-
#0abac5
#0abac5
rgb(10,186,197)
-
#02c1cd
#02c1cd
rgb(2,193,205)
Color Blindness Simulator
Below, you can see how #22a5ad 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.