#22d7d2 Color Information
In a RGB color space, hex #22d7d2 is composed of 13.3% red, 84.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 0% magenta, 2.3% yellow and 15.7% black. It has a hue angle of 178.3 degrees, a saturation of 72.7% and a lightness of 48.8%. #22d7d2 color hex could be obtained by blending #44ffff with #00afa5. Closest websafe color is: #33cccc.
-
- R 13
- G 84
- B 82
-
- C 84
- M 0
- Y 2
- K 16
● #22d7d2 color description : Strong cyan.
#22d7d2 Color Conversion
The hexadecimal color #22d7d2 has RGB values of R:34, G:215, B:210 and CMYK values of C:0.84, M:0, Y:0.02, K:0.16. Its decimal value is 2283474.
Hex triplet | 22d7d2 | #22d7d2 |
---|---|---|
RGB Decimal | 34, 215, 210 | rgb(34,215,210) |
RGB Percent | 13.3, 84.3, 82.4 | rgb(13.3%,84.3%,82.4%) |
CMYK | 84, 0, 2, 16 | |
HSL | 178.3°, 72.7, 48.8 | hsl(178.3,72.7%,48.8%) |
HSV (or HSB) | 178.3°, 84.2, 84.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 78.222, -42.404, -9.655 |
---|---|
XYZ | 36.589, 53.59, 69.385 |
xyY | 0.229, 0.336, 53.59 |
CIE-LCH | 78.222, 43.489, 192.827 |
CIE-LUV | 78.222, -59.25, -8.518 |
Hunter-Lab | 73.205, -38.892, -4.952 |
Binary | 00100010, 11010111, 11010010 |
Color Schemes with #22d7d2
Alternatives to #22d7d2
Below, you can see some colors close to #22d7d2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d7d2 Preview
This text has a font color of #22d7d2.
<span style="color:#22d7d2;">Text here</span>
This paragraph has a background color of #22d7d2.
<p style="background-color:#22d7d2;">Content here</p>
This element has a border color of #22d7d2.
<div style="border:1px solid #22d7d2;">Content here</div>
.text {color:#22d7d2;}
.background {background-color:#22d7d2;}
.border {border:1px solid #22d7d2;}
Shades and Tints of #22d7d2
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)
-
#051d1c
#051d1c
rgb(5,29,28)
-
#072e2d
#072e2d
rgb(7,46,45)
-
#0a3f3d
#0a3f3d
rgb(10,63,61)
-
#0d504e
#0d504e
rgb(13,80,78)
-
#0f605e
#0f605e
rgb(15,96,94)
-
#12716f
#12716f
rgb(18,113,111)
-
#15827f
#15827f
rgb(21,130,127)
-
#179390
#179390
rgb(23,147,144)
-
#1aa4a0
#1aa4a0
rgb(26,164,160)
-
#1db5b1
#1db5b1
rgb(29,181,177)
-
#1fc6c1
#1fc6c1
rgb(31,198,193)
-
#22d7d2
#22d7d2
rgb(34,215,210)
-
#2fded9
#2fded9
rgb(47,222,217)
-
#40e1dc
#40e1dc
rgb(64,225,220)
-
#50e3df
#50e3df
rgb(80,227,223)
-
#61e6e2
#61e6e2
rgb(97,230,226)
-
#72e9e5
#72e9e5
rgb(114,233,229)
-
#83ebe9
#83ebe9
rgb(131,235,233)
-
#94eeec
#94eeec
rgb(148,238,236)
-
#a5f1ef
#a5f1ef
rgb(165,241,239)
-
#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 #22d7d2
A tone is produced by adding gray to any pure hue. In this case, #788181 is the less saturated color, while #05f4ed 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)
-
#52a7a5
#52a7a5
rgb(82,167,165)
-
#48b1ae
#48b1ae
rgb(72,177,174)
-
#3fbab7
#3fbab7
rgb(63,186,183)
-
#35c4c0
#35c4c0
rgb(53,196,192)
-
#2ccdc9
#2ccdc9
rgb(44,205,201)
-
#22d7d2
#22d7d2
rgb(34,215,210)
-
#18e1db
#18e1db
rgb(24,225,219)
-
#0feae4
#0feae4
rgb(15,234,228)
-
#05f4ed
#05f4ed
rgb(5,244,237)
Color Blindness Simulator
Below, you can see how #22d7d2 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.