#22a296 Color Information
In a RGB color space, hex #22a296 is composed of 13.3% red, 63.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 0% magenta, 7.4% yellow and 36.5% black. It has a hue angle of 174.4 degrees, a saturation of 65.3% and a lightness of 38.4%. #22a296 color hex could be obtained by blending #44ffff with #00452d. Closest websafe color is: #339999.
-
- R 13
- G 64
- B 59
-
- C 79
- M 0
- Y 7
- K 36
● #22a296 color description : Dark cyan.
#22a296 Color Conversion
The hexadecimal color #22a296 has RGB values of R:34, G:162, B:150 and CMYK values of C:0.79, M:0, Y:0.07, K:0.36. Its decimal value is 2269846.
Hex triplet | 22a296 | #22a296 |
---|---|---|
RGB Decimal | 34, 162, 150 | rgb(34,162,150) |
RGB Percent | 13.3, 63.5, 58.8 | rgb(13.3%,63.5%,58.8%) |
CMYK | 79, 0, 7, 36 | |
HSL | 174.4°, 65.3, 38.4 | hsl(174.4,65.3%,38.4%) |
HSV (or HSB) | 174.4°, 79, 63.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.231, -35.803, -3.349 |
---|---|
XYZ | 19.083, 28.381, 33.325 |
xyY | 0.236, 0.351, 28.381 |
CIE-LCH | 60.231, 35.96, 185.344 |
CIE-LUV | 60.231, -45.196, 0.42 |
Hunter-Lab | 53.274, -29.288, 0.203 |
Binary | 00100010, 10100010, 10010110 |
Color Schemes with #22a296
Alternatives to #22a296
Below, you can see some colors close to #22a296. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a296 Preview
This text has a font color of #22a296.
<span style="color:#22a296;">Text here</span>
This paragraph has a background color of #22a296.
<p style="background-color:#22a296;">Content here</p>
This element has a border color of #22a296.
<div style="border:1px solid #22a296;">Content here</div>
.text {color:#22a296;}
.background {background-color:#22a296;}
.border {border:1px solid #22a296;}
Shades and Tints of #22a296
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, #03100f is the darkest color, while #ffffff is the lightest one.
-
#03100f
#03100f
rgb(3,16,15)
-
#07201e
#07201e
rgb(7,32,30)
-
#0a312d
#0a312d
rgb(10,49,45)
-
#0e413c
#0e413c
rgb(14,65,60)
-
#11514b
#11514b
rgb(17,81,75)
-
#14615a
#14615a
rgb(20,97,90)
-
#187169
#187169
rgb(24,113,105)
-
#1b8278
#1b8278
rgb(27,130,120)
-
#1f9287
#1f9287
rgb(31,146,135)
-
#22a296
#22a296
rgb(34,162,150)
-
#25b2a5
#25b2a5
rgb(37,178,165)
-
#29c2b4
#29c2b4
rgb(41,194,180)
-
#2cd3c3
#2cd3c3
rgb(44,211,195)
-
#3cd6c8
#3cd6c8
rgb(60,214,200)
-
#4ddacc
#4ddacc
rgb(77,218,204)
-
#5dddd1
#5dddd1
rgb(93,221,209)
-
#6de0d6
#6de0d6
rgb(109,224,214)
-
#7de4da
#7de4da
rgb(125,228,218)
-
#8de7df
#8de7df
rgb(141,231,223)
-
#9eebe3
#9eebe3
rgb(158,235,227)
-
#aeeee8
#aeeee8
rgb(174,238,232)
-
#bef1ed
#bef1ed
rgb(190,241,237)
-
#cef5f1
#cef5f1
rgb(206,245,241)
-
#def8f6
#def8f6
rgb(222,248,246)
-
#effcfa
#effcfa
rgb(239,252,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #22a296
A tone is produced by adding gray to any pure hue. In this case, #5e6665 is the less saturated color, while #04c0af is the most saturated one.
-
#5e6665
#5e6665
rgb(94,102,101)
-
#576d6b
#576d6b
rgb(87,109,107)
-
#4f7571
#4f7571
rgb(79,117,113)
-
#487c77
#487c77
rgb(72,124,119)
-
#40847e
#40847e
rgb(64,132,126)
-
#398b84
#398b84
rgb(57,139,132)
-
#31938a
#31938a
rgb(49,147,138)
-
#2a9a90
#2a9a90
rgb(42,154,144)
-
#22a296
#22a296
rgb(34,162,150)
-
#1aaa9c
#1aaa9c
rgb(26,170,156)
-
#13b1a2
#13b1a2
rgb(19,177,162)
-
#0bb9a8
#0bb9a8
rgb(11,185,168)
-
#04c0af
#04c0af
rgb(4,192,175)
Color Blindness Simulator
Below, you can see how #22a296 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.