#22a677 Color Information
In a RGB color space, hex #22a677 is composed of 13.3% red, 65.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 0% magenta, 28.3% yellow and 34.9% black. It has a hue angle of 158.6 degrees, a saturation of 66% and a lightness of 39.2%. #22a677 color hex could be obtained by blending #44ffee with #004d00. Closest websafe color is: #339966.
-
- R 13
- G 65
- B 47
-
- C 80
- M 0
- Y 28
- K 35
● #22a677 color description : Dark cyan - lime green.
#22a677 Color Conversion
The hexadecimal color #22a677 has RGB values of R:34, G:166, B:119 and CMYK values of C:0.8, M:0, Y:0.28, K:0.35. Its decimal value is 2270839.
Hex triplet | 22a677 | #22a677 |
---|---|---|
RGB Decimal | 34, 166, 119 | rgb(34,166,119) |
RGB Percent | 13.3, 65.1, 46.7 | rgb(13.3%,65.1%,46.7%) |
CMYK | 80, 0, 28, 35 | |
HSL | 158.6°, 66, 39.2 | hsl(158.6,66%,39.2%) |
HSV (or HSB) | 158.6°, 79.5, 65.1 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 60.731, -45.617, 14.741 |
---|---|
XYZ | 17.624, 28.943, 22.109 |
xyY | 0.257, 0.421, 28.943 |
CIE-LCH | 60.731, 47.94, 162.092 |
CIE-LUV | 60.731, -48.767, 27.19 |
Hunter-Lab | 53.798, -35.671, 13.293 |
Binary | 00100010, 10100110, 01110111 |
Color Schemes with #22a677
Alternatives to #22a677
Below, you can see some colors close to #22a677. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22a677 Preview
This text has a font color of #22a677.
<span style="color:#22a677;">Text here</span>
This paragraph has a background color of #22a677.
<p style="background-color:#22a677;">Content here</p>
This element has a border color of #22a677.
<div style="border:1px solid #22a677;">Content here</div>
.text {color:#22a677;}
.background {background-color:#22a677;}
.border {border:1px solid #22a677;}
Shades and Tints of #22a677
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, #010302 is the darkest color, while #f2fcf9 is the lightest one.
-
#010302
#010302
rgb(1,3,2)
-
#04130e
#04130e
rgb(4,19,14)
-
#07241a
#07241a
rgb(7,36,26)
-
#0b3425
#0b3425
rgb(11,52,37)
-
#0e4431
#0e4431
rgb(14,68,49)
-
#11553d
#11553d
rgb(17,85,61)
-
#156548
#156548
rgb(21,101,72)
-
#187554
#187554
rgb(24,117,84)
-
#1b8560
#1b8560
rgb(27,133,96)
-
#1f966b
#1f966b
rgb(31,150,107)
-
#22a677
#22a677
rgb(34,166,119)
-
#25b683
#25b683
rgb(37,182,131)
-
#29c78e
#29c78e
rgb(41,199,142)
-
#2fd499
#2fd499
rgb(47,212,153)
-
#3fd8a1
#3fd8a1
rgb(63,216,161)
-
#4fdba9
#4fdba9
rgb(79,219,169)
-
#5fdeb1
#5fdeb1
rgb(95,222,177)
-
#70e2b9
#70e2b9
rgb(112,226,185)
-
#80e5c1
#80e5c1
rgb(128,229,193)
-
#90e8c9
#90e8c9
rgb(144,232,201)
-
#a1ecd1
#a1ecd1
rgb(161,236,209)
-
#b1efd9
#b1efd9
rgb(177,239,217)
-
#c1f2e1
#c1f2e1
rgb(193,242,225)
-
#d1f6e9
#d1f6e9
rgb(209,246,233)
-
#e2f9f1
#e2f9f1
rgb(226,249,241)
-
#f2fcf9
#f2fcf9
rgb(242,252,249)
Tones of #22a677
A tone is produced by adding gray to any pure hue. In this case, #606865 is the less saturated color, while #03c580 is the most saturated one.
-
#606865
#606865
rgb(96,104,101)
-
#587067
#587067
rgb(88,112,103)
-
#50786a
#50786a
rgb(80,120,106)
-
#48806c
#48806c
rgb(72,128,108)
-
#41876e
#41876e
rgb(65,135,110)
-
#398f70
#398f70
rgb(57,143,112)
-
#319773
#319773
rgb(49,151,115)
-
#2a9e75
#2a9e75
rgb(42,158,117)
-
#22a677
#22a677
rgb(34,166,119)
-
#1aae79
#1aae79
rgb(26,174,121)
-
#13b57b
#13b57b
rgb(19,181,123)
-
#0bbd7e
#0bbd7e
rgb(11,189,126)
-
#03c580
#03c580
rgb(3,197,128)
Color Blindness Simulator
Below, you can see how #22a677 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.