#22a6aa Color Information
In a RGB color space, hex #22a6aa is composed of 13.3% red, 65.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 2.4% magenta, 0% yellow and 33.3% black. It has a hue angle of 181.8 degrees, a saturation of 66.7% and a lightness of 40%. #22a6aa color hex could be obtained by blending #44ffff with #004d55. Closest websafe color is: #339999.
-
- R 13
- G 65
- B 67
-
- C 80
- M 2
- Y 0
- K 33
● #22a6aa color description : Dark cyan.
#22a6aa Color Conversion
The hexadecimal color #22a6aa has RGB values of R:34, G:166, B:170 and CMYK values of C:0.8, M:0.02, Y:0, K:0.33. Its decimal value is 2270890.
Hex triplet | 22a6aa | #22a6aa |
---|---|---|
RGB Decimal | 34, 166, 170 | rgb(34,166,170) |
RGB Percent | 13.3, 65.1, 66.7 | rgb(13.3%,65.1%,66.7%) |
CMYK | 80, 2, 0, 33 | |
HSL | 181.8°, 66.7, 40 | hsl(181.8,66.7%,40%) |
HSV (or HSB) | 181.8°, 80, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.094, -31.728, -11.841 |
---|---|
XYZ | 21.549, 30.513, 42.782 |
xyY | 0.227, 0.322, 30.513 |
CIE-LCH | 62.094, 33.865, 200.466 |
CIE-LUV | 62.094, -45.181, -13.206 |
Hunter-Lab | 55.238, -27.031, -7.253 |
Binary | 00100010, 10100110, 10101010 |
Color Schemes with #22a6aa
Alternatives to #22a6aa
Below, you can see some colors close to #22a6aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a6aa Preview
This text has a font color of #22a6aa.
<span style="color:#22a6aa;">Text here</span>
This paragraph has a background color of #22a6aa.
<p style="background-color:#22a6aa;">Content here</p>
This element has a border color of #22a6aa.
<div style="border:1px solid #22a6aa;">Content here</div>
.text {color:#22a6aa;}
.background {background-color:#22a6aa;}
.border {border:1px solid #22a6aa;}
Shades and Tints of #22a6aa
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)
-
#187679
#187679
rgb(24,118,121)
-
#1b8689
#1b8689
rgb(27,134,137)
-
#1f969a
#1f969a
rgb(31,150,154)
-
#22a6aa
#22a6aa
rgb(34,166,170)
-
#25b6ba
#25b6ba
rgb(37,182,186)
-
#29c6cb
#29c6cb
rgb(41,198,203)
-
#31d1d6
#31d1d6
rgb(49,209,214)
-
#41d5d9
#41d5d9
rgb(65,213,217)
-
#52d8dc
#52d8dc
rgb(82,216,220)
-
#62dce0
#62dce0
rgb(98,220,224)
-
#72e0e3
#72e0e3
rgb(114,224,227)
-
#83e3e6
#83e3e6
rgb(131,227,230)
-
#93e7e9
#93e7e9
rgb(147,231,233)
-
#a3ebed
#a3ebed
rgb(163,235,237)
-
#b4eef0
#b4eef0
rgb(180,238,240)
-
#c4f2f3
#c4f2f3
rgb(196,242,243)
-
#d5f6f7
#d5f6f7
rgb(213,246,247)
-
#e5f9fa
#e5f9fa
rgb(229,249,250)
-
#f5fdfd
#f5fdfd
rgb(245,253,253)
Tones of #22a6aa
A tone is produced by adding gray to any pure hue. In this case, #616b6b is the less saturated color, while #03c4c9 is the most saturated one.
-
#616b6b
#616b6b
rgb(97,107,107)
-
#597273
#597273
rgb(89,114,115)
-
#517a7b
#517a7b
rgb(81,122,123)
-
#498183
#498183
rgb(73,129,131)
-
#41888b
#41888b
rgb(65,136,139)
-
#3a9092
#3a9092
rgb(58,144,146)
-
#32979a
#32979a
rgb(50,151,154)
-
#2a9fa2
#2a9fa2
rgb(42,159,162)
-
#22a6aa
#22a6aa
rgb(34,166,170)
-
#1aadb2
#1aadb2
rgb(26,173,178)
-
#12b5ba
#12b5ba
rgb(18,181,186)
-
#0abcc2
#0abcc2
rgb(10,188,194)
-
#03c4c9
#03c4c9
rgb(3,196,201)
Color Blindness Simulator
Below, you can see how #22a6aa 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.