#22dcbb Color Information
In a RGB color space, hex #22dcbb is composed of 13.3% red, 86.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 0% magenta, 15% yellow and 13.7% black. It has a hue angle of 169.4 degrees, a saturation of 73.2% and a lightness of 49.8%. #22dcbb color hex could be obtained by blending #44ffff with #00b977. Closest websafe color is: #33cccc.
-
- R 13
- G 86
- B 73
-
- C 85
- M 0
- Y 15
- K 14
● #22dcbb color description : Bright cyan.
#22dcbb Color Conversion
The hexadecimal color #22dcbb has RGB values of R:34, G:220, B:187 and CMYK values of C:0.85, M:0, Y:0.15, K:0.14. Its decimal value is 2284731.
Hex triplet | 22dcbb | #22dcbb |
---|---|---|
RGB Decimal | 34, 220, 187 | rgb(34,220,187) |
RGB Percent | 13.3, 86.3, 73.3 | rgb(13.3%,86.3%,73.3%) |
CMYK | 85, 0, 15, 14 | |
HSL | 169.4°, 73.2, 49.8 | hsl(169.4,73.2%,49.8%) |
HSV (or HSB) | 169.4°, 84.5, 86.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 79.105, -50.806, 3.932 |
---|---|
XYZ | 35.219, 55.111, 55.792 |
xyY | 0.241, 0.377, 55.111 |
CIE-LCH | 79.105, 50.958, 175.575 |
CIE-LUV | 79.105, -62.696, 13.946 |
Hunter-Lab | 74.237, -45.23, 7.406 |
Binary | 00100010, 11011100, 10111011 |
Color Schemes with #22dcbb
Alternatives to #22dcbb
Below, you can see some colors close to #22dcbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22dcbb Preview
This text has a font color of #22dcbb.
<span style="color:#22dcbb;">Text here</span>
This paragraph has a background color of #22dcbb.
<p style="background-color:#22dcbb;">Content here</p>
This element has a border color of #22dcbb.
<div style="border:1px solid #22dcbb;">Content here</div>
.text {color:#22dcbb;}
.background {background-color:#22dcbb;}
.border {border:1px solid #22dcbb;}
Shades and Tints of #22dcbb
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)
-
#05211c
#05211c
rgb(5,33,28)
-
#08322b
#08322b
rgb(8,50,43)
-
#0a4339
#0a4339
rgb(10,67,57)
-
#0d5447
#0d5447
rgb(13,84,71)
-
#106556
#106556
rgb(16,101,86)
-
#127664
#127664
rgb(18,118,100)
-
#158773
#158773
rgb(21,135,115)
-
#179881
#179881
rgb(23,152,129)
-
#1aa990
#1aa990
rgb(26,169,144)
-
#1dba9e
#1dba9e
rgb(29,186,158)
-
#1fcbad
#1fcbad
rgb(31,203,173)
-
#22dcbb
#22dcbb
rgb(34,220,187)
-
#32dfc1
#32dfc1
rgb(50,223,193)
-
#43e2c6
#43e2c6
rgb(67,226,198)
-
#54e5cb
#54e5cb
rgb(84,229,203)
-
#65e7d0
#65e7d0
rgb(101,231,208)
-
#76ead5
#76ead5
rgb(118,234,213)
-
#87ecdb
#87ecdb
rgb(135,236,219)
-
#98efe0
#98efe0
rgb(152,239,224)
-
#a9f2e5
#a9f2e5
rgb(169,242,229)
-
#baf4ea
#baf4ea
rgb(186,244,234)
-
#cbf7ef
#cbf7ef
rgb(203,247,239)
-
#dcfaf4
#dcfaf4
rgb(220,250,244)
-
#edfcfa
#edfcfa
rgb(237,252,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #22dcbb
A tone is produced by adding gray to any pure hue. In this case, #7a8482 is the less saturated color, while #05f9ce is the most saturated one.
-
#7a8482
#7a8482
rgb(122,132,130)
-
#708e89
#708e89
rgb(112,142,137)
-
#66988f
#66988f
rgb(102,152,143)
-
#5da195
#5da195
rgb(93,161,149)
-
#53ab9b
#53ab9b
rgb(83,171,155)
-
#49b5a2
#49b5a2
rgb(73,181,162)
-
#3fbfa8
#3fbfa8
rgb(63,191,168)
-
#36c8ae
#36c8ae
rgb(54,200,174)
-
#2cd2b5
#2cd2b5
rgb(44,210,181)
-
#22dcbb
#22dcbb
rgb(34,220,187)
-
#18e6c1
#18e6c1
rgb(24,230,193)
-
#0ef0c8
#0ef0c8
rgb(14,240,200)
-
#05f9ce
#05f9ce
rgb(5,249,206)
Color Blindness Simulator
Below, you can see how #22dcbb 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.