#22d7a6 Color Information
In a RGB color space, hex #22d7a6 is composed of 13.3% red, 84.3% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 0% magenta, 22.8% yellow and 15.7% black. It has a hue angle of 163.8 degrees, a saturation of 72.7% and a lightness of 48.8%. #22d7a6 color hex could be obtained by blending #44ffff with #00af4d. Closest websafe color is: #33cc99.
-
- R 13
- G 84
- B 65
-
- C 84
- M 0
- Y 23
- K 16
● #22d7a6 color description : Strong cyan - lime green.
#22d7a6 Color Conversion
The hexadecimal color #22d7a6 has RGB values of R:34, G:215, B:166 and CMYK values of C:0.84, M:0, Y:0.23, K:0.16. Its decimal value is 2283430.
Hex triplet | 22d7a6 | #22d7a6 |
---|---|---|
RGB Decimal | 34, 215, 166 | rgb(34,215,166) |
RGB Percent | 13.3, 84.3, 65.1 | rgb(13.3%,84.3%,65.1%) |
CMYK | 84, 0, 23, 16 | |
HSL | 163.8°, 72.7, 48.8 | hsl(163.8,72.7%,48.8%) |
HSV (or HSB) | 163.8°, 84.2, 84.3 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 77.096, -54.018, 12.229 |
---|---|
XYZ | 31.84, 51.691, 44.373 |
xyY | 0.249, 0.404, 51.691 |
CIE-LCH | 77.096, 55.385, 167.244 |
CIE-LUV | 77.096, -62.536, 26.465 |
Hunter-Lab | 71.896, -46.767, 13.734 |
Binary | 00100010, 11010111, 10100110 |
Color Schemes with #22d7a6
Alternatives to #22d7a6
Below, you can see some colors close to #22d7a6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d7a6 Preview
This text has a font color of #22d7a6.
<span style="color:#22d7a6;">Text here</span>
This paragraph has a background color of #22d7a6.
<p style="background-color:#22d7a6;">Content here</p>
This element has a border color of #22d7a6.
<div style="border:1px solid #22d7a6;">Content here</div>
.text {color:#22d7a6;}
.background {background-color:#22d7a6;}
.border {border:1px solid #22d7a6;}
Shades and Tints of #22d7a6
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, #020c09 is the darkest color, while #fafefd is the lightest one.
-
#020c09
#020c09
rgb(2,12,9)
-
#051d16
#051d16
rgb(5,29,22)
-
#072e23
#072e23
rgb(7,46,35)
-
#0a3f30
#0a3f30
rgb(10,63,48)
-
#0d503d
#0d503d
rgb(13,80,61)
-
#0f604a
#0f604a
rgb(15,96,74)
-
#127158
#127158
rgb(18,113,88)
-
#158265
#158265
rgb(21,130,101)
-
#179372
#179372
rgb(23,147,114)
-
#1aa47f
#1aa47f
rgb(26,164,127)
-
#1db58c
#1db58c
rgb(29,181,140)
-
#1fc699
#1fc699
rgb(31,198,153)
-
#22d7a6
#22d7a6
rgb(34,215,166)
-
#2fdeaf
#2fdeaf
rgb(47,222,175)
-
#40e1b5
#40e1b5
rgb(64,225,181)
-
#50e3bc
#50e3bc
rgb(80,227,188)
-
#61e6c2
#61e6c2
rgb(97,230,194)
-
#72e9c9
#72e9c9
rgb(114,233,201)
-
#83ebcf
#83ebcf
rgb(131,235,207)
-
#94eed6
#94eed6
rgb(148,238,214)
-
#a5f1dc
#a5f1dc
rgb(165,241,220)
-
#b6f3e3
#b6f3e3
rgb(182,243,227)
-
#c7f6e9
#c7f6e9
rgb(199,246,233)
-
#d8f9f0
#d8f9f0
rgb(216,249,240)
-
#e9fcf6
#e9fcf6
rgb(233,252,246)
-
#fafefd
#fafefd
rgb(250,254,253)
Tones of #22d7a6
A tone is produced by adding gray to any pure hue. In this case, #78817e is the less saturated color, while #05f4b3 is the most saturated one.
-
#78817e
#78817e
rgb(120,129,126)
-
#6f8a83
#6f8a83
rgb(111,138,131)
-
#659487
#659487
rgb(101,148,135)
-
#5b9e8c
#5b9e8c
rgb(91,158,140)
-
#52a790
#52a790
rgb(82,167,144)
-
#48b194
#48b194
rgb(72,177,148)
-
#3fba99
#3fba99
rgb(63,186,153)
-
#35c49d
#35c49d
rgb(53,196,157)
-
#2ccda2
#2ccda2
rgb(44,205,162)
-
#22d7a6
#22d7a6
rgb(34,215,166)
-
#18e1aa
#18e1aa
rgb(24,225,170)
-
#0feaaf
#0feaaf
rgb(15,234,175)
-
#05f4b3
#05f4b3
rgb(5,244,179)
Color Blindness Simulator
Below, you can see how #22d7a6 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.