#22aa9f Color Information
In a RGB color space, hex #22aa9f is composed of 13.3% red, 66.7% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 6.5% yellow and 33.3% black. It has a hue angle of 175.1 degrees, a saturation of 66.7% and a lightness of 40%. #22aa9f color hex could be obtained by blending #44ffff with #00553f. Closest websafe color is: #339999.
-
- R 13
- G 67
- B 62
-
- C 80
- M 0
- Y 6
- K 33
● #22aa9f color description : Dark cyan.
#22aa9f Color Conversion
The hexadecimal color #22aa9f has RGB values of R:34, G:170, B:159 and CMYK values of C:0.8, M:0, Y:0.06, K:0.33. Its decimal value is 2271903.
Hex triplet | 22aa9f | #22aa9f |
---|---|---|
RGB Decimal | 34, 170, 159 | rgb(34,170,159) |
RGB Percent | 13.3, 66.7, 62.4 | rgb(13.3%,66.7%,62.4%) |
CMYK | 80, 0, 6, 33 | |
HSL | 175.1°, 66.7, 40 | hsl(175.1,66.7%,40%) |
HSV (or HSB) | 175.1°, 80, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.003, -36.872, -4.32 |
---|---|
XYZ | 21.29, 31.591, 37.774 |
xyY | 0.235, 0.348, 31.591 |
CIE-LCH | 63.003, 37.125, 186.682 |
CIE-LUV | 63.003, -47.407, -0.881 |
Hunter-Lab | 56.206, -30.745, -0.504 |
Binary | 00100010, 10101010, 10011111 |
Color Schemes with #22aa9f
Alternatives to #22aa9f
Below, you can see some colors close to #22aa9f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22aa9f Preview
This text has a font color of #22aa9f.
<span style="color:#22aa9f;">Text here</span>
This paragraph has a background color of #22aa9f.
<p style="background-color:#22aa9f;">Content here</p>
This element has a border color of #22aa9f.
<div style="border:1px solid #22aa9f;">Content here</div>
.text {color:#22aa9f;}
.background {background-color:#22aa9f;}
.border {border:1px solid #22aa9f;}
Shades and Tints of #22aa9f
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, #010706 is the darkest color, while #f5fdfc is the lightest one.
-
#010706
#010706
rgb(1,7,6)
-
#051715
#051715
rgb(5,23,21)
-
#082725
#082725
rgb(8,39,37)
-
#0b3834
#0b3834
rgb(11,56,52)
-
#0e4843
#0e4843
rgb(14,72,67)
-
#125853
#125853
rgb(18,88,83)
-
#156962
#156962
rgb(21,105,98)
-
#187971
#187971
rgb(24,121,113)
-
#1b8980
#1b8980
rgb(27,137,128)
-
#1f9a90
#1f9a90
rgb(31,154,144)
-
#22aa9f
#22aa9f
rgb(34,170,159)
-
#25baae
#25baae
rgb(37,186,174)
-
#29cbbe
#29cbbe
rgb(41,203,190)
-
#31d6c8
#31d6c8
rgb(49,214,200)
-
#41d9cd
#41d9cd
rgb(65,217,205)
-
#52dcd1
#52dcd1
rgb(82,220,209)
-
#62e0d5
#62e0d5
rgb(98,224,213)
-
#72e3da
#72e3da
rgb(114,227,218)
-
#83e6de
#83e6de
rgb(131,230,222)
-
#93e9e2
#93e9e2
rgb(147,233,226)
-
#a3ede7
#a3ede7
rgb(163,237,231)
-
#b4f0eb
#b4f0eb
rgb(180,240,235)
-
#c4f3ef
#c4f3ef
rgb(196,243,239)
-
#d5f7f4
#d5f7f4
rgb(213,247,244)
-
#e5faf8
#e5faf8
rgb(229,250,248)
-
#f5fdfc
#f5fdfc
rgb(245,253,252)
Tones of #22aa9f
A tone is produced by adding gray to any pure hue. In this case, #616b6a is the less saturated color, while #03c9b9 is the most saturated one.
-
#616b6a
#616b6a
rgb(97,107,106)
-
#597371
#597371
rgb(89,115,113)
-
#517b78
#517b78
rgb(81,123,120)
-
#49837e
#49837e
rgb(73,131,126)
-
#418b85
#418b85
rgb(65,139,133)
-
#3a928b
#3a928b
rgb(58,146,139)
-
#329a92
#329a92
rgb(50,154,146)
-
#2aa298
#2aa298
rgb(42,162,152)
-
#22aa9f
#22aa9f
rgb(34,170,159)
-
#1ab2a6
#1ab2a6
rgb(26,178,166)
-
#12baac
#12baac
rgb(18,186,172)
-
#0ac2b3
#0ac2b3
rgb(10,194,179)
-
#03c9b9
#03c9b9
rgb(3,201,185)
Color Blindness Simulator
Below, you can see how #22aa9f 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.