#22d7cf Color Information
In a RGB color space, hex #22d7cf is composed of 13.3% red, 84.3% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 0% magenta, 3.7% yellow and 15.7% black. It has a hue angle of 177.3 degrees, a saturation of 72.7% and a lightness of 48.8%. #22d7cf color hex could be obtained by blending #44ffff with #00af9f. Closest websafe color is: #33cccc.
-
- R 13
- G 84
- B 81
-
- C 84
- M 0
- Y 4
- K 16
● #22d7cf color description : Strong cyan.
#22d7cf Color Conversion
The hexadecimal color #22d7cf has RGB values of R:34, G:215, B:207 and CMYK values of C:0.84, M:0, Y:0.04, K:0.16. Its decimal value is 2283471.
Hex triplet | 22d7cf | #22d7cf |
---|---|---|
RGB Decimal | 34, 215, 207 | rgb(34,215,207) |
RGB Percent | 13.3, 84.3, 81.2 | rgb(13.3%,84.3%,81.2%) |
CMYK | 84, 0, 4, 16 | |
HSL | 177.3°, 72.7, 48.8 | hsl(177.3,72.7%,48.8%) |
HSV (or HSB) | 177.3°, 84.2, 84.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 78.135, -43.261, -8.177 |
---|---|
XYZ | 36.219, 53.442, 67.435 |
xyY | 0.231, 0.34, 53.442 |
CIE-LCH | 78.135, 44.027, 190.703 |
CIE-LUV | 78.135, -59.48, -6.018 |
Hunter-Lab | 73.104, -39.496, -3.519 |
Binary | 00100010, 11010111, 11001111 |
Color Schemes with #22d7cf
Alternatives to #22d7cf
Below, you can see some colors close to #22d7cf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d7cf Preview
This text has a font color of #22d7cf.
<span style="color:#22d7cf;">Text here</span>
This paragraph has a background color of #22d7cf.
<p style="background-color:#22d7cf;">Content here</p>
This element has a border color of #22d7cf.
<div style="border:1px solid #22d7cf;">Content here</div>
.text {color:#22d7cf;}
.background {background-color:#22d7cf;}
.border {border:1px solid #22d7cf;}
Shades and Tints of #22d7cf
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)
-
#072e2c
#072e2c
rgb(7,46,44)
-
#0a3f3c
#0a3f3c
rgb(10,63,60)
-
#0d504d
#0d504d
rgb(13,80,77)
-
#0f605d
#0f605d
rgb(15,96,93)
-
#12716d
#12716d
rgb(18,113,109)
-
#15827d
#15827d
rgb(21,130,125)
-
#17938e
#17938e
rgb(23,147,142)
-
#1aa49e
#1aa49e
rgb(26,164,158)
-
#1db5ae
#1db5ae
rgb(29,181,174)
-
#1fc6bf
#1fc6bf
rgb(31,198,191)
-
#22d7cf
#22d7cf
rgb(34,215,207)
-
#2fded6
#2fded6
rgb(47,222,214)
-
#40e1da
#40e1da
rgb(64,225,218)
-
#50e3dd
#50e3dd
rgb(80,227,221)
-
#61e6e0
#61e6e0
rgb(97,230,224)
-
#72e9e4
#72e9e4
rgb(114,233,228)
-
#83ebe7
#83ebe7
rgb(131,235,231)
-
#94eeea
#94eeea
rgb(148,238,234)
-
#a5f1ed
#a5f1ed
rgb(165,241,237)
-
#b6f3f1
#b6f3f1
rgb(182,243,241)
-
#c7f6f4
#c7f6f4
rgb(199,246,244)
-
#d8f9f7
#d8f9f7
rgb(216,249,247)
-
#e9fcfb
#e9fcfb
rgb(233,252,251)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #22d7cf
A tone is produced by adding gray to any pure hue. In this case, #788180 is the less saturated color, while #05f4e9 is the most saturated one.
-
#788180
#788180
rgb(120,129,128)
-
#6f8a89
#6f8a89
rgb(111,138,137)
-
#659492
#659492
rgb(101,148,146)
-
#5b9e9b
#5b9e9b
rgb(91,158,155)
-
#52a7a3
#52a7a3
rgb(82,167,163)
-
#48b1ac
#48b1ac
rgb(72,177,172)
-
#3fbab5
#3fbab5
rgb(63,186,181)
-
#35c4be
#35c4be
rgb(53,196,190)
-
#2ccdc6
#2ccdc6
rgb(44,205,198)
-
#22d7cf
#22d7cf
rgb(34,215,207)
-
#18e1d8
#18e1d8
rgb(24,225,216)
-
#0feae0
#0feae0
rgb(15,234,224)
-
#05f4e9
#05f4e9
rgb(5,244,233)
Color Blindness Simulator
Below, you can see how #22d7cf 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.