#22af96 Color Information
In a RGB color space, hex #22af96 is composed of 13.3% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 14.3% yellow and 31.4% black. It has a hue angle of 169.4 degrees, a saturation of 67.5% and a lightness of 41%. #22af96 color hex could be obtained by blending #44ffff with #005f2d. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 59
-
- C 81
- M 0
- Y 14
- K 31
● #22af96 color description : Dark cyan.
#22af96 Color Conversion
The hexadecimal color #22af96 has RGB values of R:34, G:175, B:150 and CMYK values of C:0.81, M:0, Y:0.14, K:0.31. Its decimal value is 2273174.
Hex triplet | 22af96 | #22af96 |
---|---|---|
RGB Decimal | 34, 175, 150 | rgb(34,175,150) |
RGB Percent | 13.3, 68.6, 58.8 | rgb(13.3%,68.6%,58.8%) |
CMYK | 81, 0, 14, 31 | |
HSL | 169.4°, 67.5, 41 | hsl(169.4,67.5%,41%) |
HSV (or HSB) | 169.4°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.322, -41.6, 2.631 |
---|---|
XYZ | 21.493, 33.2, 34.128 |
xyY | 0.242, 0.374, 33.2 |
CIE-LCH | 64.322, 41.683, 176.382 |
CIE-LUV | 64.322, -49.833, 10.155 |
Hunter-Lab | 57.619, -34.251, 5.216 |
Binary | 00100010, 10101111, 10010110 |
Color Schemes with #22af96
Alternatives to #22af96
Below, you can see some colors close to #22af96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22af96 Preview
This text has a font color of #22af96.
<span style="color:#22af96;">Text here</span>
This paragraph has a background color of #22af96.
<p style="background-color:#22af96;">Content here</p>
This element has a border color of #22af96.
<div style="border:1px solid #22af96;">Content here</div>
.text {color:#22af96;}
.background {background-color:#22af96;}
.border {border:1px solid #22af96;}
Shades and Tints of #22af96
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, #020b09 is the darkest color, while #f9fefd is the lightest one.
-
#020b09
#020b09
rgb(2,11,9)
-
#051b17
#051b17
rgb(5,27,23)
-
#082c25
#082c25
rgb(8,44,37)
-
#0c3c33
#0c3c33
rgb(12,60,51)
-
#0f4c42
#0f4c42
rgb(15,76,66)
-
#125d50
#125d50
rgb(18,93,80)
-
#156d5e
#156d5e
rgb(21,109,94)
-
#187e6c
#187e6c
rgb(24,126,108)
-
#1c8e7a
#1c8e7a
rgb(28,142,122)
-
#1f9f88
#1f9f88
rgb(31,159,136)
-
#22af96
#22af96
rgb(34,175,150)
-
#25bfa4
#25bfa4
rgb(37,191,164)
-
#28d0b2
#28d0b2
rgb(40,208,178)
-
#34d8bb
#34d8bb
rgb(52,216,187)
-
#45dbc0
#45dbc0
rgb(69,219,192)
-
#55dec6
#55dec6
rgb(85,222,198)
-
#66e1cb
#66e1cb
rgb(102,225,203)
-
#76e4d1
#76e4d1
rgb(118,228,209)
-
#86e8d6
#86e8d6
rgb(134,232,214)
-
#97ebdc
#97ebdc
rgb(151,235,220)
-
#a7eee1
#a7eee1
rgb(167,238,225)
-
#b8f1e7
#b8f1e7
rgb(184,241,231)
-
#c8f4ec
#c8f4ec
rgb(200,244,236)
-
#d8f8f2
#d8f8f2
rgb(216,248,242)
-
#e9fbf8
#e9fbf8
rgb(233,251,248)
-
#f9fefd
#f9fefd
rgb(249,254,253)
Tones of #22af96
A tone is produced by adding gray to any pure hue. In this case, #626f6c is the less saturated color, while #02cfab is the most saturated one.
-
#626f6c
#626f6c
rgb(98,111,108)
-
#5a7772
#5a7772
rgb(90,119,114)
-
#527f77
#527f77
rgb(82,127,119)
-
#4a877c
#4a877c
rgb(74,135,124)
-
#428f81
#428f81
rgb(66,143,129)
-
#3a9786
#3a9786
rgb(58,151,134)
-
#329f8c
#329f8c
rgb(50,159,140)
-
#2aa791
#2aa791
rgb(42,167,145)
-
#22af96
#22af96
rgb(34,175,150)
-
#1ab79b
#1ab79b
rgb(26,183,155)
-
#12bfa0
#12bfa0
rgb(18,191,160)
-
#0ac7a6
#0ac7a6
rgb(10,199,166)
-
#02cfab
#02cfab
rgb(2,207,171)
Color Blindness Simulator
Below, you can see how #22af96 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.