#22b2aa Color Information
In a RGB color space, hex #22b2aa is composed of 13.3% red, 69.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 0% magenta, 4.5% yellow and 30.2% black. It has a hue angle of 176.7 degrees, a saturation of 67.9% and a lightness of 41.6%. #22b2aa color hex could be obtained by blending #44ffff with #006555. Closest websafe color is: #339999.
-
- R 13
- G 70
- B 67
-
- C 81
- M 0
- Y 4
- K 30
● #22b2aa color description : Dark cyan.
#22b2aa Color Conversion
The hexadecimal color #22b2aa has RGB values of R:34, G:178, B:170 and CMYK values of C:0.81, M:0, Y:0.04, K:0.3. Its decimal value is 2273962.
Hex triplet | 22b2aa | #22b2aa |
---|---|---|
RGB Decimal | 34, 178, 170 | rgb(34,178,170) |
RGB Percent | 13.3, 69.8, 66.7 | rgb(13.3%,69.8%,66.7%) |
CMYK | 81, 0, 4, 30 | |
HSL | 176.7°, 67.9, 41.6 | hsl(176.7,67.9%,41.6%) |
HSV (or HSB) | 176.7°, 80.9, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 65.812, -37.339, -6.296 |
---|---|
XYZ | 23.833, 35.081, 43.543 |
xyY | 0.233, 0.342, 35.081 |
CIE-LCH | 65.812, 37.866, 189.57 |
CIE-LUV | 65.812, -49.435, -3.843 |
Hunter-Lab | 59.229, -31.823, -2.128 |
Binary | 00100010, 10110010, 10101010 |
Color Schemes with #22b2aa
Alternatives to #22b2aa
Below, you can see some colors close to #22b2aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b2aa Preview
This text has a font color of #22b2aa.
<span style="color:#22b2aa;">Text here</span>
This paragraph has a background color of #22b2aa.
<p style="background-color:#22b2aa;">Content here</p>
This element has a border color of #22b2aa.
<div style="border:1px solid #22b2aa;">Content here</div>
.text {color:#22b2aa;}
.background {background-color:#22b2aa;}
.border {border:1px solid #22b2aa;}
Shades and Tints of #22b2aa
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, #030d0d is the darkest color, while #fcfefe is the lightest one.
-
#030d0d
#030d0d
rgb(3,13,13)
-
#061e1c
#061e1c
rgb(6,30,28)
-
#092e2c
#092e2c
rgb(9,46,44)
-
#0c3f3c
#0c3f3c
rgb(12,63,60)
-
#0f4f4c
#0f4f4c
rgb(15,79,76)
-
#12605b
#12605b
rgb(18,96,91)
-
#15706b
#15706b
rgb(21,112,107)
-
#19817b
#19817b
rgb(25,129,123)
-
#1c918b
#1c918b
rgb(28,145,139)
-
#1fa29a
#1fa29a
rgb(31,162,154)
-
#22b2aa
#22b2aa
rgb(34,178,170)
-
#25c2ba
#25c2ba
rgb(37,194,186)
-
#28d3c9
#28d3c9
rgb(40,211,201)
-
#36d9d0
#36d9d0
rgb(54,217,208)
-
#47dcd4
#47dcd4
rgb(71,220,212)
-
#57dfd7
#57dfd7
rgb(87,223,215)
-
#68e2db
#68e2db
rgb(104,226,219)
-
#78e5df
#78e5df
rgb(120,229,223)
-
#89e8e3
#89e8e3
rgb(137,232,227)
-
#99ece7
#99ece7
rgb(153,236,231)
-
#a9efeb
#a9efeb
rgb(169,239,235)
-
#baf2ef
#baf2ef
rgb(186,242,239)
-
#caf5f3
#caf5f3
rgb(202,245,243)
-
#dbf8f6
#dbf8f6
rgb(219,248,246)
-
#ebfbfa
#ebfbfa
rgb(235,251,250)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #22b2aa
A tone is produced by adding gray to any pure hue. In this case, #637170 is the less saturated color, while #01d3c7 is the most saturated one.
-
#637170
#637170
rgb(99,113,112)
-
#5b7977
#5b7977
rgb(91,121,119)
-
#53817f
#53817f
rgb(83,129,127)
-
#4b8986
#4b8986
rgb(75,137,134)
-
#43918d
#43918d
rgb(67,145,141)
-
#3a9a94
#3a9a94
rgb(58,154,148)
-
#32a29c
#32a29c
rgb(50,162,156)
-
#2aaaa3
#2aaaa3
rgb(42,170,163)
-
#22b2aa
#22b2aa
rgb(34,178,170)
-
#1abab1
#1abab1
rgb(26,186,177)
-
#12c2b8
#12c2b8
rgb(18,194,184)
-
#0acac0
#0acac0
rgb(10,202,192)
-
#01d3c7
#01d3c7
rgb(1,211,199)
Color Blindness Simulator
Below, you can see how #22b2aa 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.