#22a2aa Color Information
In a RGB color space, hex #22a2aa is composed of 13.3% red, 63.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 4.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 183.5 degrees, a saturation of 66.7% and a lightness of 40%. #22a2aa color hex could be obtained by blending #44ffff with #004555. Closest websafe color is: #339999.
-
- R 13
- G 64
- B 67
-
- C 80
- M 5
- Y 0
- K 33
● #22a2aa color description : Dark cyan.
#22a2aa Color Conversion
The hexadecimal color #22a2aa has RGB values of R:34, G:162, B:170 and CMYK values of C:0.8, M:0.05, Y:0, K:0.33. Its decimal value is 2269866.
Hex triplet | 22a2aa | #22a2aa |
---|---|---|
RGB Decimal | 34, 162, 170 | rgb(34,162,170) |
RGB Percent | 13.3, 63.5, 66.7 | rgb(13.3%,63.5%,66.7%) |
CMYK | 80, 5, 0, 33 | |
HSL | 183.5°, 66.7, 40 | hsl(183.5,66.7%,40%) |
HSV (or HSB) | 183.5°, 80, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.853, -29.793, -13.708 |
---|---|
XYZ | 20.834, 29.081, 42.543 |
xyY | 0.225, 0.315, 29.081 |
CIE-LCH | 60.853, 32.795, 204.708 |
CIE-LUV | 60.853, -43.755, -16.368 |
Hunter-Lab | 53.927, -25.412, -9.025 |
Binary | 00100010, 10100010, 10101010 |
Color Schemes with #22a2aa
Alternatives to #22a2aa
Below, you can see some colors close to #22a2aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a2aa Preview
This text has a font color of #22a2aa.
<span style="color:#22a2aa;">Text here</span>
This paragraph has a background color of #22a2aa.
<p style="background-color:#22a2aa;">Content here</p>
This element has a border color of #22a2aa.
<div style="border:1px solid #22a2aa;">Content here</div>
.text {color:#22a2aa;}
.background {background-color:#22a2aa;}
.border {border:1px solid #22a2aa;}
Shades and Tints of #22a2aa
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)
-
#082527
#082527
rgb(8,37,39)
-
#0b3538
#0b3538
rgb(11,53,56)
-
#0e4548
#0e4548
rgb(14,69,72)
-
#125458
#125458
rgb(18,84,88)
-
#156469
#156469
rgb(21,100,105)
-
#187379
#187379
rgb(24,115,121)
-
#1b8389
#1b8389
rgb(27,131,137)
-
#1f929a
#1f929a
rgb(31,146,154)
-
#22a2aa
#22a2aa
rgb(34,162,170)
-
#25b2ba
#25b2ba
rgb(37,178,186)
-
#29c1cb
#29c1cb
rgb(41,193,203)
-
#31ccd6
#31ccd6
rgb(49,204,214)
-
#41d0d9
#41d0d9
rgb(65,208,217)
-
#52d4dc
#52d4dc
rgb(82,212,220)
-
#62d8e0
#62d8e0
rgb(98,216,224)
-
#72dce3
#72dce3
rgb(114,220,227)
-
#83e0e6
#83e0e6
rgb(131,224,230)
-
#93e4e9
#93e4e9
rgb(147,228,233)
-
#a3e8ed
#a3e8ed
rgb(163,232,237)
-
#b4ecf0
#b4ecf0
rgb(180,236,240)
-
#c4f0f3
#c4f0f3
rgb(196,240,243)
-
#d5f5f7
#d5f5f7
rgb(213,245,247)
-
#e5f9fa
#e5f9fa
rgb(229,249,250)
-
#f5fdfd
#f5fdfd
rgb(245,253,253)
Tones of #22a2aa
A tone is produced by adding gray to any pure hue. In this case, #616b6b is the less saturated color, while #03bec9 is the most saturated one.
-
#616b6b
#616b6b
rgb(97,107,107)
-
#597273
#597273
rgb(89,114,115)
-
#51787b
#51787b
rgb(81,120,123)
-
#497f83
#497f83
rgb(73,127,131)
-
#41868b
#41868b
rgb(65,134,139)
-
#3a8d92
#3a8d92
rgb(58,141,146)
-
#32949a
#32949a
rgb(50,148,154)
-
#2a9ba2
#2a9ba2
rgb(42,155,162)
-
#22a2aa
#22a2aa
rgb(34,162,170)
-
#1aa9b2
#1aa9b2
rgb(26,169,178)
-
#12b0ba
#12b0ba
rgb(18,176,186)
-
#0ab7c2
#0ab7c2
rgb(10,183,194)
-
#03bec9
#03bec9
rgb(3,190,201)
Color Blindness Simulator
Below, you can see how #22a2aa 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.