#22d7d4 Color Information
In a RGB color space, hex #22d7d4 is composed of 13.3% red, 84.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 0% magenta, 1.4% yellow and 15.7% black. It has a hue angle of 179 degrees, a saturation of 72.7% and a lightness of 48.8%. #22d7d4 color hex could be obtained by blending #44ffff with #00afa9. Closest websafe color is: #33cccc.
-
- R 13
- G 84
- B 83
-
- C 84
- M 0
- Y 1
- K 16
● #22d7d4 color description : Strong cyan.
#22d7d4 Color Conversion
The hexadecimal color #22d7d4 has RGB values of R:34, G:215, B:212 and CMYK values of C:0.84, M:0, Y:0.01, K:0.16. Its decimal value is 2283476.
Hex triplet | 22d7d4 | #22d7d4 |
---|---|---|
RGB Decimal | 34, 215, 212 | rgb(34,215,212) |
RGB Percent | 13.3, 84.3, 83.1 | rgb(13.3%,84.3%,83.1%) |
CMYK | 84, 0, 1, 16 | |
HSL | 179°, 72.7, 48.8 | hsl(179,72.7%,48.8%) |
HSV (or HSB) | 179°, 84.2, 84.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 78.281, -41.828, -10.638 |
---|---|
XYZ | 36.84, 53.691, 70.705 |
xyY | 0.228, 0.333, 53.691 |
CIE-LCH | 78.281, 43.16, 194.27 |
CIE-LUV | 78.281, -59.097, -10.191 |
Hunter-Lab | 73.274, -38.485, -5.92 |
Binary | 00100010, 11010111, 11010100 |
Color Schemes with #22d7d4
Alternatives to #22d7d4
Below, you can see some colors close to #22d7d4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d7d4 Preview
This text has a font color of #22d7d4.
<span style="color:#22d7d4;">Text here</span>
This paragraph has a background color of #22d7d4.
<p style="background-color:#22d7d4;">Content here</p>
This element has a border color of #22d7d4.
<div style="border:1px solid #22d7d4;">Content here</div>
.text {color:#22d7d4;}
.background {background-color:#22d7d4;}
.border {border:1px solid #22d7d4;}
Shades and Tints of #22d7d4
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, #020c0c is the darkest color, while #fafefe is the lightest one.
-
#020c0c
#020c0c
rgb(2,12,12)
-
#051d1c
#051d1c
rgb(5,29,28)
-
#072e2d
#072e2d
rgb(7,46,45)
-
#0a3f3e
#0a3f3e
rgb(10,63,62)
-
#0d504e
#0d504e
rgb(13,80,78)
-
#0f605f
#0f605f
rgb(15,96,95)
-
#127170
#127170
rgb(18,113,112)
-
#158280
#158280
rgb(21,130,128)
-
#179391
#179391
rgb(23,147,145)
-
#1aa4a2
#1aa4a2
rgb(26,164,162)
-
#1db5b3
#1db5b3
rgb(29,181,179)
-
#1fc6c3
#1fc6c3
rgb(31,198,195)
-
#22d7d4
#22d7d4
rgb(34,215,212)
-
#2fdedb
#2fdedb
rgb(47,222,219)
-
#40e1de
#40e1de
rgb(64,225,222)
-
#50e3e1
#50e3e1
rgb(80,227,225)
-
#61e6e4
#61e6e4
rgb(97,230,228)
-
#72e9e7
#72e9e7
rgb(114,233,231)
-
#83ebea
#83ebea
rgb(131,235,234)
-
#94eeed
#94eeed
rgb(148,238,237)
-
#a5f1f0
#a5f1f0
rgb(165,241,240)
-
#b6f3f2
#b6f3f2
rgb(182,243,242)
-
#c7f6f5
#c7f6f5
rgb(199,246,245)
-
#d8f9f8
#d8f9f8
rgb(216,249,248)
-
#e9fcfb
#e9fcfb
rgb(233,252,251)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #22d7d4
A tone is produced by adding gray to any pure hue. In this case, #788181 is the less saturated color, while #05f4f0 is the most saturated one.
-
#788181
#788181
rgb(120,129,129)
-
#6f8a8a
#6f8a8a
rgb(111,138,138)
-
#659493
#659493
rgb(101,148,147)
-
#5b9e9c
#5b9e9c
rgb(91,158,156)
-
#52a7a6
#52a7a6
rgb(82,167,166)
-
#48b1af
#48b1af
rgb(72,177,175)
-
#3fbab8
#3fbab8
rgb(63,186,184)
-
#35c4c1
#35c4c1
rgb(53,196,193)
-
#2ccdcb
#2ccdcb
rgb(44,205,203)
-
#22d7d4
#22d7d4
rgb(34,215,212)
-
#18e1dd
#18e1dd
rgb(24,225,221)
-
#0feae7
#0feae7
rgb(15,234,231)
-
#05f4f0
#05f4f0
rgb(5,244,240)
Color Blindness Simulator
Below, you can see how #22d7d4 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.