#22d7c4 Color Information
In a RGB color space, hex #22d7c4 is composed of 13.3% red, 84.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 0% magenta, 8.8% yellow and 15.7% black. It has a hue angle of 173.7 degrees, a saturation of 72.7% and a lightness of 48.8%. #22d7c4 color hex could be obtained by blending #44ffff with #00af89. Closest websafe color is: #33cccc.
-
- R 13
- G 84
- B 77
-
- C 84
- M 0
- Y 9
- K 16
● #22d7c4 color description : Strong cyan.
#22d7c4 Color Conversion
The hexadecimal color #22d7c4 has RGB values of R:34, G:215, B:196 and CMYK values of C:0.84, M:0, Y:0.09, K:0.16. Its decimal value is 2283460.
Hex triplet | 22d7c4 | #22d7c4 |
---|---|---|
RGB Decimal | 34, 215, 196 | rgb(34,215,196) |
RGB Percent | 13.3, 84.3, 76.9 | rgb(13.3%,84.3%,76.9%) |
CMYK | 84, 0, 9, 16 | |
HSL | 173.7°, 72.7, 48.8 | hsl(173.7,72.7%,48.8%) |
HSV (or HSB) | 173.7°, 84.2, 84.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 77.829, -46.326, -2.735 |
---|---|
XYZ | 34.921, 52.923, 60.596 |
xyY | 0.235, 0.357, 52.923 |
CIE-LCH | 77.829, 46.407, 183.378 |
CIE-LUV | 77.829, -60.319, 3.031 |
Hunter-Lab | 72.748, -41.626, 1.538 |
Binary | 00100010, 11010111, 11000100 |
Color Schemes with #22d7c4
Alternatives to #22d7c4
Below, you can see some colors close to #22d7c4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d7c4 Preview
This text has a font color of #22d7c4.
<span style="color:#22d7c4;">Text here</span>
This paragraph has a background color of #22d7c4.
<p style="background-color:#22d7c4;">Content here</p>
This element has a border color of #22d7c4.
<div style="border:1px solid #22d7c4;">Content here</div>
.text {color:#22d7c4;}
.background {background-color:#22d7c4;}
.border {border:1px solid #22d7c4;}
Shades and Tints of #22d7c4
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, #020c0b is the darkest color, while #fafefe is the lightest one.
-
#020c0b
#020c0b
rgb(2,12,11)
-
#051d1a
#051d1a
rgb(5,29,26)
-
#072e2a
#072e2a
rgb(7,46,42)
-
#0a3f39
#0a3f39
rgb(10,63,57)
-
#0d5048
#0d5048
rgb(13,80,72)
-
#0f6058
#0f6058
rgb(15,96,88)
-
#127167
#127167
rgb(18,113,103)
-
#158277
#158277
rgb(21,130,119)
-
#179386
#179386
rgb(23,147,134)
-
#1aa496
#1aa496
rgb(26,164,150)
-
#1db5a5
#1db5a5
rgb(29,181,165)
-
#1fc6b5
#1fc6b5
rgb(31,198,181)
-
#22d7c4
#22d7c4
rgb(34,215,196)
-
#2fdecc
#2fdecc
rgb(47,222,204)
-
#40e1d0
#40e1d0
rgb(64,225,208)
-
#50e3d4
#50e3d4
rgb(80,227,212)
-
#61e6d8
#61e6d8
rgb(97,230,216)
-
#72e9dc
#72e9dc
rgb(114,233,220)
-
#83ebe0
#83ebe0
rgb(131,235,224)
-
#94eee5
#94eee5
rgb(148,238,229)
-
#a5f1e9
#a5f1e9
rgb(165,241,233)
-
#b6f3ed
#b6f3ed
rgb(182,243,237)
-
#c7f6f1
#c7f6f1
rgb(199,246,241)
-
#d8f9f5
#d8f9f5
rgb(216,249,245)
-
#e9fcfa
#e9fcfa
rgb(233,252,250)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #22d7c4
A tone is produced by adding gray to any pure hue. In this case, #788180 is the less saturated color, while #05f4db is the most saturated one.
-
#788180
#788180
rgb(120,129,128)
-
#6f8a87
#6f8a87
rgb(111,138,135)
-
#65948f
#65948f
rgb(101,148,143)
-
#5b9e97
#5b9e97
rgb(91,158,151)
-
#52a79e
#52a79e
rgb(82,167,158)
-
#48b1a6
#48b1a6
rgb(72,177,166)
-
#3fbaad
#3fbaad
rgb(63,186,173)
-
#35c4b5
#35c4b5
rgb(53,196,181)
-
#2ccdbc
#2ccdbc
rgb(44,205,188)
-
#22d7c4
#22d7c4
rgb(34,215,196)
-
#18e1cc
#18e1cc
rgb(24,225,204)
-
#0fead3
#0fead3
rgb(15,234,211)
-
#05f4db
#05f4db
rgb(5,244,219)
Color Blindness Simulator
Below, you can see how #22d7c4 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.