#22dcc4 Color Information
In a RGB color space, hex #22dcc4 is composed of 13.3% red, 86.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 0% magenta, 10.9% yellow and 13.7% black. It has a hue angle of 172.3 degrees, a saturation of 73.2% and a lightness of 49.8%. #22dcc4 color hex could be obtained by blending #44ffff with #00b989. Closest websafe color is: #33cccc.
-
- R 13
- G 86
- B 77
-
- C 85
- M 0
- Y 11
- K 14
● #22dcc4 color description : Bright cyan.
#22dcc4 Color Conversion
The hexadecimal color #22dcc4 has RGB values of R:34, G:220, B:196 and CMYK values of C:0.85, M:0, Y:0.11, K:0.14. Its decimal value is 2284740.
Hex triplet | 22dcc4 | #22dcc4 |
---|---|---|
RGB Decimal | 34, 220, 196 | rgb(34,220,196) |
RGB Percent | 13.3, 86.3, 76.9 | rgb(13.3%,86.3%,76.9%) |
CMYK | 85, 0, 11, 14 | |
HSL | 172.3°, 73.2, 49.8 | hsl(172.3,73.2%,49.8%) |
HSV (or HSB) | 172.3°, 84.5, 86.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 79.333, -48.442, -0.531 |
---|---|
XYZ | 36.213, 55.508, 61.027 |
xyY | 0.237, 0.363, 55.508 |
CIE-LCH | 79.333, 48.445, 180.628 |
CIE-LUV | 79.333, -62.02, 6.787 |
Hunter-Lab | 74.504, -43.62, 3.588 |
Binary | 00100010, 11011100, 11000100 |
Color Schemes with #22dcc4
Alternatives to #22dcc4
Below, you can see some colors close to #22dcc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22dcc4 Preview
This text has a font color of #22dcc4.
<span style="color:#22dcc4;">Text here</span>
This paragraph has a background color of #22dcc4.
<p style="background-color:#22dcc4;">Content here</p>
This element has a border color of #22dcc4.
<div style="border:1px solid #22dcc4;">Content here</div>
.text {color:#22dcc4;}
.background {background-color:#22dcc4;}
.border {border:1px solid #22dcc4;}
Shades and Tints of #22dcc4
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)
-
#05211e
#05211e
rgb(5,33,30)
-
#08322d
#08322d
rgb(8,50,45)
-
#0a433c
#0a433c
rgb(10,67,60)
-
#0d544b
#0d544b
rgb(13,84,75)
-
#10655a
#10655a
rgb(16,101,90)
-
#127669
#127669
rgb(18,118,105)
-
#158778
#158778
rgb(21,135,120)
-
#179887
#179887
rgb(23,152,135)
-
#1aa997
#1aa997
rgb(26,169,151)
-
#1dbaa6
#1dbaa6
rgb(29,186,166)
-
#1fcbb5
#1fcbb5
rgb(31,203,181)
-
#22dcc4
#22dcc4
rgb(34,220,196)
-
#32dfc9
#32dfc9
rgb(50,223,201)
-
#43e2ce
#43e2ce
rgb(67,226,206)
-
#54e5d2
#54e5d2
rgb(84,229,210)
-
#65e7d6
#65e7d6
rgb(101,231,214)
-
#76eadb
#76eadb
rgb(118,234,219)
-
#87ecdf
#87ecdf
rgb(135,236,223)
-
#98efe4
#98efe4
rgb(152,239,228)
-
#a9f2e8
#a9f2e8
rgb(169,242,232)
-
#baf4ed
#baf4ed
rgb(186,244,237)
-
#cbf7f1
#cbf7f1
rgb(203,247,241)
-
#dcfaf6
#dcfaf6
rgb(220,250,246)
-
#edfcfa
#edfcfa
rgb(237,252,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #22dcc4
A tone is produced by adding gray to any pure hue. In this case, #7a8483 is the less saturated color, while #05f9da is the most saturated one.
-
#7a8483
#7a8483
rgb(122,132,131)
-
#708e8a
#708e8a
rgb(112,142,138)
-
#669891
#669891
rgb(102,152,145)
-
#5da199
#5da199
rgb(93,161,153)
-
#53aba0
#53aba0
rgb(83,171,160)
-
#49b5a7
#49b5a7
rgb(73,181,167)
-
#3fbfae
#3fbfae
rgb(63,191,174)
-
#36c8b6
#36c8b6
rgb(54,200,182)
-
#2cd2bd
#2cd2bd
rgb(44,210,189)
-
#22dcc4
#22dcc4
rgb(34,220,196)
-
#18e6cb
#18e6cb
rgb(24,230,203)
-
#0ef0d2
#0ef0d2
rgb(14,240,210)
-
#05f9da
#05f9da
rgb(5,249,218)
Color Blindness Simulator
Below, you can see how #22dcc4 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.