#22a696 Color Information
In a RGB color space, hex #22a696 is composed of 13.3% red, 65.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 0% magenta, 9.6% yellow and 34.9% black. It has a hue angle of 172.7 degrees, a saturation of 66% and a lightness of 39.2%. #22a696 color hex could be obtained by blending #44ffff with #004d2d. Closest websafe color is: #339999.
-
- R 13
- G 65
- B 59
-
- C 80
- M 0
- Y 10
- K 35
● #22a696 color description : Dark cyan.
#22a696 Color Conversion
The hexadecimal color #22a696 has RGB values of R:34, G:166, B:150 and CMYK values of C:0.8, M:0, Y:0.1, K:0.35. Its decimal value is 2270870.
Hex triplet | 22a696 | #22a696 |
---|---|---|
RGB Decimal | 34, 166, 150 | rgb(34,166,150) |
RGB Percent | 13.3, 65.1, 58.8 | rgb(13.3%,65.1%,58.8%) |
CMYK | 80, 0, 10, 35 | |
HSL | 172.7°, 66, 39.2 | hsl(172.7,66%,39.2%) |
HSV (or HSB) | 172.7°, 79.5, 65.1 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 61.492, -37.622, -1.496 |
---|---|
XYZ | 19.799, 29.813, 33.563 |
xyY | 0.238, 0.358, 29.813 |
CIE-LCH | 61.492, 37.652, 182.277 |
CIE-LUV | 61.492, -46.629, 3.449 |
Hunter-Lab | 54.601, -30.825, 1.775 |
Binary | 00100010, 10100110, 10010110 |
Color Schemes with #22a696
Alternatives to #22a696
Below, you can see some colors close to #22a696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a696 Preview
This text has a font color of #22a696.
<span style="color:#22a696;">Text here</span>
This paragraph has a background color of #22a696.
<p style="background-color:#22a696;">Content here</p>
This element has a border color of #22a696.
<div style="border:1px solid #22a696;">Content here</div>
.text {color:#22a696;}
.background {background-color:#22a696;}
.border {border:1px solid #22a696;}
Shades and Tints of #22a696
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, #010303 is the darkest color, while #f2fcfb is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#041312
#041312
rgb(4,19,18)
-
#072420
#072420
rgb(7,36,32)
-
#0b342f
#0b342f
rgb(11,52,47)
-
#0e443e
#0e443e
rgb(14,68,62)
-
#11554c
#11554c
rgb(17,85,76)
-
#15655b
#15655b
rgb(21,101,91)
-
#18756a
#18756a
rgb(24,117,106)
-
#1b8579
#1b8579
rgb(27,133,121)
-
#1f9687
#1f9687
rgb(31,150,135)
-
#22a696
#22a696
rgb(34,166,150)
-
#25b6a5
#25b6a5
rgb(37,182,165)
-
#29c7b3
#29c7b3
rgb(41,199,179)
-
#2fd4c0
#2fd4c0
rgb(47,212,192)
-
#3fd8c5
#3fd8c5
rgb(63,216,197)
-
#4fdbca
#4fdbca
rgb(79,219,202)
-
#5fdecf
#5fdecf
rgb(95,222,207)
-
#70e2d4
#70e2d4
rgb(112,226,212)
-
#80e5d9
#80e5d9
rgb(128,229,217)
-
#90e8de
#90e8de
rgb(144,232,222)
-
#a1ece3
#a1ece3
rgb(161,236,227)
-
#b1efe7
#b1efe7
rgb(177,239,231)
-
#c1f2ec
#c1f2ec
rgb(193,242,236)
-
#d1f6f1
#d1f6f1
rgb(209,246,241)
-
#e2f9f6
#e2f9f6
rgb(226,249,246)
-
#f2fcfb
#f2fcfb
rgb(242,252,251)
Tones of #22a696
A tone is produced by adding gray to any pure hue. In this case, #606867 is the less saturated color, while #03c5ad is the most saturated one.
-
#606867
#606867
rgb(96,104,103)
-
#58706d
#58706d
rgb(88,112,109)
-
#507873
#507873
rgb(80,120,115)
-
#488079
#488079
rgb(72,128,121)
-
#41877f
#41877f
rgb(65,135,127)
-
#398f85
#398f85
rgb(57,143,133)
-
#31978a
#31978a
rgb(49,151,138)
-
#2a9e90
#2a9e90
rgb(42,158,144)
-
#22a696
#22a696
rgb(34,166,150)
-
#1aae9c
#1aae9c
rgb(26,174,156)
-
#13b5a2
#13b5a2
rgb(19,181,162)
-
#0bbda7
#0bbda7
rgb(11,189,167)
-
#03c5ad
#03c5ad
rgb(3,197,173)
Color Blindness Simulator
Below, you can see how #22a696 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.