#22a5aa Color Information
In a RGB color space, hex #22a5aa is composed of 13.3% red, 64.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 2.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 182.2 degrees, a saturation of 66.7% and a lightness of 40%. #22a5aa color hex could be obtained by blending #44ffff with #004b55. Closest websafe color is: #339999.
-
- R 13
- G 65
- B 67
-
- C 80
- M 3
- Y 0
- K 33
● #22a5aa color description : Dark cyan.
#22a5aa Color Conversion
The hexadecimal color #22a5aa has RGB values of R:34, G:165, B:170 and CMYK values of C:0.8, M:0.03, Y:0, K:0.33. Its decimal value is 2270634.
Hex triplet | 22a5aa | #22a5aa |
---|---|---|
RGB Decimal | 34, 165, 170 | rgb(34,165,170) |
RGB Percent | 13.3, 64.7, 66.7 | rgb(13.3%,64.7%,66.7%) |
CMYK | 80, 3, 0, 33 | |
HSL | 182.2°, 66.7, 40 | hsl(182.2,66.7%,40%) |
HSV (or HSB) | 182.2°, 80, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 61.784, -31.247, -12.307 |
---|---|
XYZ | 21.368, 30.151, 42.721 |
xyY | 0.227, 0.32, 30.151 |
CIE-LCH | 61.784, 33.583, 201.497 |
CIE-LUV | 61.784, -44.825, -13.995 |
Hunter-Lab | 54.91, -26.627, -7.693 |
Binary | 00100010, 10100101, 10101010 |
Color Schemes with #22a5aa
Alternatives to #22a5aa
Below, you can see some colors close to #22a5aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a5aa Preview
This text has a font color of #22a5aa.
<span style="color:#22a5aa;">Text here</span>
This paragraph has a background color of #22a5aa.
<p style="background-color:#22a5aa;">Content here</p>
This element has a border color of #22a5aa.
<div style="border:1px solid #22a5aa;">Content here</div>
.text {color:#22a5aa;}
.background {background-color:#22a5aa;}
.border {border:1px solid #22a5aa;}
Shades and Tints of #22a5aa
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, #010607 is the darkest color, while #f5fdfd is the lightest one.
-
#010607
#010607
rgb(1,6,7)
-
#051617
#051617
rgb(5,22,23)
-
#082627
#082627
rgb(8,38,39)
-
#0b3638
#0b3638
rgb(11,54,56)
-
#0e4648
#0e4648
rgb(14,70,72)
-
#125658
#125658
rgb(18,86,88)
-
#156669
#156669
rgb(21,102,105)
-
#187579
#187579
rgb(24,117,121)
-
#1b8589
#1b8589
rgb(27,133,137)
-
#1f959a
#1f959a
rgb(31,149,154)
-
#22a5aa
#22a5aa
rgb(34,165,170)
-
#25b5ba
#25b5ba
rgb(37,181,186)
-
#29c5cb
#29c5cb
rgb(41,197,203)
-
#31d0d6
#31d0d6
rgb(49,208,214)
-
#41d4d9
#41d4d9
rgb(65,212,217)
-
#52d7dc
#52d7dc
rgb(82,215,220)
-
#62dbe0
#62dbe0
rgb(98,219,224)
-
#72dfe3
#72dfe3
rgb(114,223,227)
-
#83e3e6
#83e3e6
rgb(131,227,230)
-
#93e6e9
#93e6e9
rgb(147,230,233)
-
#a3eaed
#a3eaed
rgb(163,234,237)
-
#b4eef0
#b4eef0
rgb(180,238,240)
-
#c4f2f3
#c4f2f3
rgb(196,242,243)
-
#d5f5f7
#d5f5f7
rgb(213,245,247)
-
#e5f9fa
#e5f9fa
rgb(229,249,250)
-
#f5fdfd
#f5fdfd
rgb(245,253,253)
Tones of #22a5aa
A tone is produced by adding gray to any pure hue. In this case, #616b6b is the less saturated color, while #03c2c9 is the most saturated one.
-
#616b6b
#616b6b
rgb(97,107,107)
-
#597273
#597273
rgb(89,114,115)
-
#51797b
#51797b
rgb(81,121,123)
-
#498183
#498183
rgb(73,129,131)
-
#41888b
#41888b
rgb(65,136,139)
-
#3a8f92
#3a8f92
rgb(58,143,146)
-
#32969a
#32969a
rgb(50,150,154)
-
#2a9ea2
#2a9ea2
rgb(42,158,162)
-
#22a5aa
#22a5aa
rgb(34,165,170)
-
#1aacb2
#1aacb2
rgb(26,172,178)
-
#12b4ba
#12b4ba
rgb(18,180,186)
-
#0abbc2
#0abbc2
rgb(10,187,194)
-
#03c2c9
#03c2c9
rgb(3,194,201)
Color Blindness Simulator
Below, you can see how #22a5aa 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.