#22d5bb Color Information
In a RGB color space, hex #22d5bb is composed of 13.3% red, 83.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 0% magenta, 12.2% yellow and 16.5% black. It has a hue angle of 171.3 degrees, a saturation of 72.5% and a lightness of 48.4%. #22d5bb color hex could be obtained by blending #44ffff with #00ab77. Closest websafe color is: #33cccc.
-
- R 13
- G 84
- B 73
-
- C 84
- M 0
- Y 12
- K 16
● #22d5bb color description : Strong cyan.
#22d5bb Color Conversion
The hexadecimal color #22d5bb has RGB values of R:34, G:213, B:187 and CMYK values of C:0.84, M:0, Y:0.12, K:0.16. Its decimal value is 2282939.
Hex triplet | 22d5bb | #22d5bb |
---|---|---|
RGB Decimal | 34, 213, 187 | rgb(34,213,187) |
RGB Percent | 13.3, 83.5, 73.3 | rgb(13.3%,83.5%,73.3%) |
CMYK | 84, 0, 12, 16 | |
HSL | 171.3°, 72.5, 48.4 | hsl(171.3,72.5%,48.4%) |
HSV (or HSB) | 171.3°, 84, 83.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 76.989, -47.906, 0.859 |
---|---|
XYZ | 33.42, 51.513, 55.193 |
xyY | 0.239, 0.368, 51.513 |
CIE-LCH | 76.989, 47.913, 178.973 |
CIE-LUV | 76.989, -60.315, 8.794 |
Hunter-Lab | 71.773, -42.485, 4.647 |
Binary | 00100010, 11010101, 10111011 |
Color Schemes with #22d5bb
Alternatives to #22d5bb
Below, you can see some colors close to #22d5bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d5bb Preview
This text has a font color of #22d5bb.
<span style="color:#22d5bb;">Text here</span>
This paragraph has a background color of #22d5bb.
<p style="background-color:#22d5bb;">Content here</p>
This element has a border color of #22d5bb.
<div style="border:1px solid #22d5bb;">Content here</div>
.text {color:#22d5bb;}
.background {background-color:#22d5bb;}
.border {border:1px solid #22d5bb;}
Shades and Tints of #22d5bb
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, #020a09 is the darkest color, while #f8fefd is the lightest one.
-
#020a09
#020a09
rgb(2,10,9)
-
#041b18
#041b18
rgb(4,27,24)
-
#072c26
#072c26
rgb(7,44,38)
-
#0a3d35
#0a3d35
rgb(10,61,53)
-
#0c4e44
#0c4e44
rgb(12,78,68)
-
#0f5f53
#0f5f53
rgb(15,95,83)
-
#127062
#127062
rgb(18,112,98)
-
#148071
#148071
rgb(20,128,113)
-
#179180
#179180
rgb(23,145,128)
-
#1aa28e
#1aa28e
rgb(26,162,142)
-
#1db39d
#1db39d
rgb(29,179,157)
-
#1fc4ac
#1fc4ac
rgb(31,196,172)
-
#22d5bb
#22d5bb
rgb(34,213,187)
-
#2dddc4
#2dddc4
rgb(45,221,196)
-
#3ee0c9
#3ee0c9
rgb(62,224,201)
-
#4fe3cd
#4fe3cd
rgb(79,227,205)
-
#60e6d2
#60e6d2
rgb(96,230,210)
-
#71e8d7
#71e8d7
rgb(113,232,215)
-
#82ebdc
#82ebdc
rgb(130,235,220)
-
#93eee0
#93eee0
rgb(147,238,224)
-
#a4f0e5
#a4f0e5
rgb(164,240,229)
-
#b4f3ea
#b4f3ea
rgb(180,243,234)
-
#c5f6ef
#c5f6ef
rgb(197,246,239)
-
#d6f8f4
#d6f8f4
rgb(214,248,244)
-
#e7fbf8
#e7fbf8
rgb(231,251,248)
-
#f8fefd
#f8fefd
rgb(248,254,253)
Tones of #22d5bb
A tone is produced by adding gray to any pure hue. In this case, #78807e is the less saturated color, while #05f2cf is the most saturated one.
-
#78807e
#78807e
rgb(120,128,126)
-
#6e8985
#6e8985
rgb(110,137,133)
-
#65938c
#65938c
rgb(101,147,140)
-
#5b9c93
#5b9c93
rgb(91,156,147)
-
#52a699
#52a699
rgb(82,166,153)
-
#48afa0
#48afa0
rgb(72,175,160)
-
#3fb9a7
#3fb9a7
rgb(63,185,167)
-
#35c2ae
#35c2ae
rgb(53,194,174)
-
#2cccb4
#2cccb4
rgb(44,204,180)
-
#22d5bb
#22d5bb
rgb(34,213,187)
-
#19dfc2
#19dfc2
rgb(25,223,194)
-
#0fe8c8
#0fe8c8
rgb(15,232,200)
-
#05f2cf
#05f2cf
rgb(5,242,207)
Color Blindness Simulator
Below, you can see how #22d5bb 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.