#22af93 Color Information
In a RGB color space, hex #22af93 is composed of 13.3% red, 68.6% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 16% yellow and 31.4% black. It has a hue angle of 168.1 degrees, a saturation of 67.5% and a lightness of 41%. #22af93 color hex could be obtained by blending #44ffff with #005f27. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 58
-
- C 81
- M 0
- Y 16
- K 31
● #22af93 color description : Dark cyan.
#22af93 Color Conversion
The hexadecimal color #22af93 has RGB values of R:34, G:175, B:147 and CMYK values of C:0.81, M:0, Y:0.16, K:0.31. Its decimal value is 2273171.
Hex triplet | 22af93 | #22af93 |
---|---|---|
RGB Decimal | 34, 175, 147 | rgb(34,175,147) |
RGB Percent | 13.3, 68.6, 57.6 | rgb(13.3%,68.6%,57.6%) |
CMYK | 81, 0, 16, 31 | |
HSL | 168.1°, 67.5, 41 | hsl(168.1,67.5%,41%) |
HSV (or HSB) | 168.1°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.245, -42.399, 4.186 |
---|---|
XYZ | 21.254, 33.104, 32.872 |
xyY | 0.244, 0.38, 33.104 |
CIE-LCH | 64.245, 42.605, 174.362 |
CIE-LUV | 64.245, -50.047, 12.52 |
Hunter-Lab | 57.536, -34.75, 6.402 |
Binary | 00100010, 10101111, 10010011 |
Color Schemes with #22af93
Alternatives to #22af93
Below, you can see some colors close to #22af93. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22af93 Preview
This text has a font color of #22af93.
<span style="color:#22af93;">Text here</span>
This paragraph has a background color of #22af93.
<p style="background-color:#22af93;">Content here</p>
This element has a border color of #22af93.
<div style="border:1px solid #22af93;">Content here</div>
.text {color:#22af93;}
.background {background-color:#22af93;}
.border {border:1px solid #22af93;}
Shades and Tints of #22af93
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)
-
#0c3c32
#0c3c32
rgb(12,60,50)
-
#0f4c40
#0f4c40
rgb(15,76,64)
-
#125d4e
#125d4e
rgb(18,93,78)
-
#156d5c
#156d5c
rgb(21,109,92)
-
#187e6a
#187e6a
rgb(24,126,106)
-
#1c8e77
#1c8e77
rgb(28,142,119)
-
#1f9f85
#1f9f85
rgb(31,159,133)
-
#22af93
#22af93
rgb(34,175,147)
-
#25bfa1
#25bfa1
rgb(37,191,161)
-
#28d0af
#28d0af
rgb(40,208,175)
-
#34d8b7
#34d8b7
rgb(52,216,183)
-
#45dbbd
#45dbbd
rgb(69,219,189)
-
#55dec3
#55dec3
rgb(85,222,195)
-
#66e1c9
#66e1c9
rgb(102,225,201)
-
#76e4ce
#76e4ce
rgb(118,228,206)
-
#86e8d4
#86e8d4
rgb(134,232,212)
-
#97ebda
#97ebda
rgb(151,235,218)
-
#a7eee0
#a7eee0
rgb(167,238,224)
-
#b8f1e6
#b8f1e6
rgb(184,241,230)
-
#c8f4ec
#c8f4ec
rgb(200,244,236)
-
#d8f8f1
#d8f8f1
rgb(216,248,241)
-
#e9fbf7
#e9fbf7
rgb(233,251,247)
-
#f9fefd
#f9fefd
rgb(249,254,253)
Tones of #22af93
A tone is produced by adding gray to any pure hue. In this case, #626f6c is the less saturated color, while #02cfa6 is the most saturated one.
-
#626f6c
#626f6c
rgb(98,111,108)
-
#5a7771
#5a7771
rgb(90,119,113)
-
#527f76
#527f76
rgb(82,127,118)
-
#4a877b
#4a877b
rgb(74,135,123)
-
#428f80
#428f80
rgb(66,143,128)
-
#3a9784
#3a9784
rgb(58,151,132)
-
#329f89
#329f89
rgb(50,159,137)
-
#2aa78e
#2aa78e
rgb(42,167,142)
-
#22af93
#22af93
rgb(34,175,147)
-
#1ab798
#1ab798
rgb(26,183,152)
-
#12bf9d
#12bf9d
rgb(18,191,157)
-
#0ac7a2
#0ac7a2
rgb(10,199,162)
-
#02cfa6
#02cfa6
rgb(2,207,166)
Color Blindness Simulator
Below, you can see how #22af93 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.