#22dcc2 Color Information
In a RGB color space, hex #22dcc2 is composed of 13.3% red, 86.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 0% magenta, 11.8% yellow and 13.7% black. It has a hue angle of 171.6 degrees, a saturation of 73.2% and a lightness of 49.8%. #22dcc2 color hex could be obtained by blending #44ffff with #00b985. Closest websafe color is: #33cccc.
-
- R 13
- G 86
- B 76
-
- C 85
- M 0
- Y 12
- K 14
● #22dcc2 color description : Bright cyan.
#22dcc2 Color Conversion
The hexadecimal color #22dcc2 has RGB values of R:34, G:220, B:194 and CMYK values of C:0.85, M:0, Y:0.12, K:0.14. Its decimal value is 2284738.
Hex triplet | 22dcc2 | #22dcc2 |
---|---|---|
RGB Decimal | 34, 220, 194 | rgb(34,220,194) |
RGB Percent | 13.3, 86.3, 76.1 | rgb(13.3%,86.3%,76.1%) |
CMYK | 85, 0, 12, 14 | |
HSL | 171.6°, 73.2, 49.8 | hsl(171.6,73.2%,49.8%) |
HSV (or HSB) | 171.6°, 84.5, 86.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 79.281, -48.975, 0.459 |
---|---|
XYZ | 35.987, 55.418, 59.836 |
xyY | 0.238, 0.366, 55.418 |
CIE-LCH | 79.281, 48.977, 179.463 |
CIE-LUV | 79.281, -62.171, 8.392 |
Hunter-Lab | 74.443, -43.986, 4.454 |
Binary | 00100010, 11011100, 11000010 |
Color Schemes with #22dcc2
Alternatives to #22dcc2
Below, you can see some colors close to #22dcc2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22dcc2 Preview
This text has a font color of #22dcc2.
<span style="color:#22dcc2;">Text here</span>
This paragraph has a background color of #22dcc2.
<p style="background-color:#22dcc2;">Content here</p>
This element has a border color of #22dcc2.
<div style="border:1px solid #22dcc2;">Content here</div>
.text {color:#22dcc2;}
.background {background-color:#22dcc2;}
.border {border:1px solid #22dcc2;}
Shades and Tints of #22dcc2
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, #02100e is the darkest color, while #feffff is the lightest one.
-
#02100e
#02100e
rgb(2,16,14)
-
#05211d
#05211d
rgb(5,33,29)
-
#08322c
#08322c
rgb(8,50,44)
-
#0a433b
#0a433b
rgb(10,67,59)
-
#0d544a
#0d544a
rgb(13,84,74)
-
#106559
#106559
rgb(16,101,89)
-
#127668
#127668
rgb(18,118,104)
-
#158777
#158777
rgb(21,135,119)
-
#179886
#179886
rgb(23,152,134)
-
#1aa995
#1aa995
rgb(26,169,149)
-
#1dbaa4
#1dbaa4
rgb(29,186,164)
-
#1fcbb3
#1fcbb3
rgb(31,203,179)
-
#22dcc2
#22dcc2
rgb(34,220,194)
-
#32dfc7
#32dfc7
rgb(50,223,199)
-
#43e2cc
#43e2cc
rgb(67,226,204)
-
#54e5d0
#54e5d0
rgb(84,229,208)
-
#65e7d5
#65e7d5
rgb(101,231,213)
-
#76eada
#76eada
rgb(118,234,218)
-
#87ecde
#87ecde
rgb(135,236,222)
-
#98efe3
#98efe3
rgb(152,239,227)
-
#a9f2e8
#a9f2e8
rgb(169,242,232)
-
#baf4ec
#baf4ec
rgb(186,244,236)
-
#cbf7f1
#cbf7f1
rgb(203,247,241)
-
#dcfaf5
#dcfaf5
rgb(220,250,245)
-
#edfcfa
#edfcfa
rgb(237,252,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #22dcc2
A tone is produced by adding gray to any pure hue. In this case, #7a8483 is the less saturated color, while #05f9d7 is the most saturated one.
-
#7a8483
#7a8483
rgb(122,132,131)
-
#708e8a
#708e8a
rgb(112,142,138)
-
#669891
#669891
rgb(102,152,145)
-
#5da198
#5da198
rgb(93,161,152)
-
#53ab9f
#53ab9f
rgb(83,171,159)
-
#49b5a6
#49b5a6
rgb(73,181,166)
-
#3fbfad
#3fbfad
rgb(63,191,173)
-
#36c8b4
#36c8b4
rgb(54,200,180)
-
#2cd2bb
#2cd2bb
rgb(44,210,187)
-
#22dcc2
#22dcc2
rgb(34,220,194)
-
#18e6c9
#18e6c9
rgb(24,230,201)
-
#0ef0d0
#0ef0d0
rgb(14,240,208)
-
#05f9d7
#05f9d7
rgb(5,249,215)
Color Blindness Simulator
Below, you can see how #22dcc2 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.