#22d2bb Color Information
In a RGB color space, hex #22d2bb is composed of 13.3% red, 82.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 0% magenta, 11% yellow and 17.6% black. It has a hue angle of 172.2 degrees, a saturation of 72.1% and a lightness of 47.8%. #22d2bb color hex could be obtained by blending #44ffff with #00a577. Closest websafe color is: #33cccc.
-
- R 13
- G 82
- B 73
-
- C 84
- M 0
- Y 11
- K 18
● #22d2bb color description : Strong cyan.
#22d2bb Color Conversion
The hexadecimal color #22d2bb has RGB values of R:34, G:210, B:187 and CMYK values of C:0.84, M:0, Y:0.11, K:0.18. Its decimal value is 2282171.
Hex triplet | 22d2bb | #22d2bb |
---|---|---|
RGB Decimal | 34, 210, 187 | rgb(34,210,187) |
RGB Percent | 13.3, 82.4, 73.3 | rgb(13.3%,82.4%,73.3%) |
CMYK | 84, 0, 11, 18 | |
HSL | 172.2°, 72.1, 47.8 | hsl(172.2,72.1%,47.8%) |
HSV (or HSB) | 172.2°, 83.8, 82.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 76.08, -46.641, -0.467 |
---|---|
XYZ | 32.673, 50.018, 54.943 |
xyY | 0.237, 0.363, 50.018 |
CIE-LCH | 76.08, 46.643, 180.574 |
CIE-LUV | 76.08, -59.289, 6.559 |
Hunter-Lab | 70.723, -41.302, 3.445 |
Binary | 00100010, 11010010, 10111011 |
Color Schemes with #22d2bb
Alternatives to #22d2bb
Below, you can see some colors close to #22d2bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d2bb Preview
This text has a font color of #22d2bb.
<span style="color:#22d2bb;">Text here</span>
This paragraph has a background color of #22d2bb.
<p style="background-color:#22d2bb;">Content here</p>
This element has a border color of #22d2bb.
<div style="border:1px solid #22d2bb;">Content here</div>
.text {color:#22d2bb;}
.background {background-color:#22d2bb;}
.border {border:1px solid #22d2bb;}
Shades and Tints of #22d2bb
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, #010707 is the darkest color, while #f6fdfc is the lightest one.
-
#010707
#010707
rgb(1,7,7)
-
#041816
#041816
rgb(4,24,22)
-
#072925
#072925
rgb(7,41,37)
-
#093a34
#093a34
rgb(9,58,52)
-
#0c4b43
#0c4b43
rgb(12,75,67)
-
#0f5c52
#0f5c52
rgb(15,92,82)
-
#126d61
#126d61
rgb(18,109,97)
-
#147e70
#147e70
rgb(20,126,112)
-
#178e7f
#178e7f
rgb(23,142,127)
-
#1a9f8e
#1a9f8e
rgb(26,159,142)
-
#1db09d
#1db09d
rgb(29,176,157)
-
#1fc1ac
#1fc1ac
rgb(31,193,172)
-
#22d2bb
#22d2bb
rgb(34,210,187)
-
#2bddc5
#2bddc5
rgb(43,221,197)
-
#3cdfca
#3cdfca
rgb(60,223,202)
-
#4de2cf
#4de2cf
rgb(77,226,207)
-
#5ee5d3
#5ee5d3
rgb(94,229,211)
-
#6ee8d8
#6ee8d8
rgb(110,232,216)
-
#7feadc
#7feadc
rgb(127,234,220)
-
#90ede1
#90ede1
rgb(144,237,225)
-
#a1f0e6
#a1f0e6
rgb(161,240,230)
-
#b2f3ea
#b2f3ea
rgb(178,243,234)
-
#c3f5ef
#c3f5ef
rgb(195,245,239)
-
#d4f8f3
#d4f8f3
rgb(212,248,243)
-
#e5fbf8
#e5fbf8
rgb(229,251,248)
-
#f6fdfc
#f6fdfc
rgb(246,253,252)
Tones of #22d2bb
A tone is produced by adding gray to any pure hue. In this case, #767e7d is the less saturated color, while #06eed0 is the most saturated one.
-
#767e7d
#767e7d
rgb(118,126,125)
-
#6d8784
#6d8784
rgb(109,135,132)
-
#64908a
#64908a
rgb(100,144,138)
-
#5a9a91
#5a9a91
rgb(90,154,145)
-
#51a398
#51a398
rgb(81,163,152)
-
#48ac9f
#48ac9f
rgb(72,172,159)
-
#3eb6a6
#3eb6a6
rgb(62,182,166)
-
#35bfad
#35bfad
rgb(53,191,173)
-
#2bc9b4
#2bc9b4
rgb(43,201,180)
-
#22d2bb
#22d2bb
rgb(34,210,187)
-
#19dbc2
#19dbc2
rgb(25,219,194)
-
#0fe5c9
#0fe5c9
rgb(15,229,201)
-
#06eed0
#06eed0
rgb(6,238,208)
Color Blindness Simulator
Below, you can see how #22d2bb 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.