#22dcc6 Color Information
In a RGB color space, hex #22dcc6 is composed of 13.3% red, 86.3% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 0% magenta, 10% yellow and 13.7% black. It has a hue angle of 172.9 degrees, a saturation of 73.2% and a lightness of 49.8%. #22dcc6 color hex could be obtained by blending #44ffff with #00b98d. Closest websafe color is: #33cccc.
-
- R 13
- G 86
- B 78
-
- C 85
- M 0
- Y 10
- K 14
● #22dcc6 color description : Bright cyan.
#22dcc6 Color Conversion
The hexadecimal color #22dcc6 has RGB values of R:34, G:220, B:198 and CMYK values of C:0.85, M:0, Y:0.1, K:0.14. Its decimal value is 2284742.
Hex triplet | 22dcc6 | #22dcc6 |
---|---|---|
RGB Decimal | 34, 220, 198 | rgb(34,220,198) |
RGB Percent | 13.3, 86.3, 77.6 | rgb(13.3%,86.3%,77.6%) |
CMYK | 85, 0, 10, 14 | |
HSL | 172.9°, 73.2, 49.8 | hsl(172.9,73.2%,49.8%) |
HSV (or HSB) | 172.9°, 84.5, 86.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 79.386, -47.905, -1.521 |
---|---|
XYZ | 36.442, 55.6, 62.234 |
xyY | 0.236, 0.36, 55.6 |
CIE-LCH | 79.386, 47.93, 181.818 |
CIE-LUV | 79.386, -61.869, 5.175 |
Hunter-Lab | 74.565, -43.251, 2.711 |
Binary | 00100010, 11011100, 11000110 |
Color Schemes with #22dcc6
Alternatives to #22dcc6
Below, you can see some colors close to #22dcc6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22dcc6 Preview
This text has a font color of #22dcc6.
<span style="color:#22dcc6;">Text here</span>
This paragraph has a background color of #22dcc6.
<p style="background-color:#22dcc6;">Content here</p>
This element has a border color of #22dcc6.
<div style="border:1px solid #22dcc6;">Content here</div>
.text {color:#22dcc6;}
.background {background-color:#22dcc6;}
.border {border:1px solid #22dcc6;}
Shades and Tints of #22dcc6
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, #02100f is the darkest color, while #feffff is the lightest one.
-
#02100f
#02100f
rgb(2,16,15)
-
#05211e
#05211e
rgb(5,33,30)
-
#08322d
#08322d
rgb(8,50,45)
-
#0a433c
#0a433c
rgb(10,67,60)
-
#0d544c
#0d544c
rgb(13,84,76)
-
#10655b
#10655b
rgb(16,101,91)
-
#12766a
#12766a
rgb(18,118,106)
-
#15877a
#15877a
rgb(21,135,122)
-
#179889
#179889
rgb(23,152,137)
-
#1aa998
#1aa998
rgb(26,169,152)
-
#1dbaa7
#1dbaa7
rgb(29,186,167)
-
#1fcbb7
#1fcbb7
rgb(31,203,183)
-
#22dcc6
#22dcc6
rgb(34,220,198)
-
#32dfcb
#32dfcb
rgb(50,223,203)
-
#43e2cf
#43e2cf
rgb(67,226,207)
-
#54e5d4
#54e5d4
rgb(84,229,212)
-
#65e7d8
#65e7d8
rgb(101,231,216)
-
#76eadc
#76eadc
rgb(118,234,220)
-
#87ece1
#87ece1
rgb(135,236,225)
-
#98efe5
#98efe5
rgb(152,239,229)
-
#a9f2e9
#a9f2e9
rgb(169,242,233)
-
#baf4ed
#baf4ed
rgb(186,244,237)
-
#cbf7f2
#cbf7f2
rgb(203,247,242)
-
#dcfaf6
#dcfaf6
rgb(220,250,246)
-
#edfcfa
#edfcfa
rgb(237,252,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #22dcc6
A tone is produced by adding gray to any pure hue. In this case, #7a8483 is the less saturated color, while #05f9dc is the most saturated one.
-
#7a8483
#7a8483
rgb(122,132,131)
-
#708e8a
#708e8a
rgb(112,142,138)
-
#669892
#669892
rgb(102,152,146)
-
#5da199
#5da199
rgb(93,161,153)
-
#53aba1
#53aba1
rgb(83,171,161)
-
#49b5a8
#49b5a8
rgb(73,181,168)
-
#3fbfb0
#3fbfb0
rgb(63,191,176)
-
#36c8b7
#36c8b7
rgb(54,200,183)
-
#2cd2bf
#2cd2bf
rgb(44,210,191)
-
#22dcc6
#22dcc6
rgb(34,220,198)
-
#18e6cd
#18e6cd
rgb(24,230,205)
-
#0ef0d5
#0ef0d5
rgb(14,240,213)
-
#05f9dc
#05f9dc
rgb(5,249,220)
Color Blindness Simulator
Below, you can see how #22dcc6 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.