#22d4bb Color Information
In a RGB color space, hex #22d4bb is composed of 13.3% red, 83.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 0% magenta, 11.8% yellow and 16.9% black. It has a hue angle of 171.6 degrees, a saturation of 72.4% and a lightness of 48.2%. #22d4bb color hex could be obtained by blending #44ffff with #00a977. Closest websafe color is: #33cccc.
-
- R 13
- G 83
- B 73
-
- C 84
- M 0
- Y 12
- K 17
● #22d4bb color description : Strong cyan.
#22d4bb Color Conversion
The hexadecimal color #22d4bb has RGB values of R:34, G:212, B:187 and CMYK values of C:0.84, M:0, Y:0.12, K:0.17. Its decimal value is 2282683.
Hex triplet | 22d4bb | #22d4bb |
---|---|---|
RGB Decimal | 34, 212, 187 | rgb(34,212,187) |
RGB Percent | 13.3, 83.1, 73.3 | rgb(13.3%,83.1%,73.3%) |
CMYK | 84, 0, 12, 17 | |
HSL | 171.6°, 72.4, 48.2 | hsl(171.6,72.4%,48.2%) |
HSV (or HSB) | 171.6°, 84, 83.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 76.686, -47.486, 0.417 |
---|---|
XYZ | 33.17, 51.012, 55.109 |
xyY | 0.238, 0.366, 51.012 |
CIE-LCH | 76.686, 47.487, 179.497 |
CIE-LUV | 76.686, -59.974, 8.051 |
Hunter-Lab | 71.422, -42.091, 4.248 |
Binary | 00100010, 11010100, 10111011 |
Color Schemes with #22d4bb
Alternatives to #22d4bb
Below, you can see some colors close to #22d4bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d4bb Preview
This text has a font color of #22d4bb.
<span style="color:#22d4bb;">Text here</span>
This paragraph has a background color of #22d4bb.
<p style="background-color:#22d4bb;">Content here</p>
This element has a border color of #22d4bb.
<div style="border:1px solid #22d4bb;">Content here</div>
.text {color:#22d4bb;}
.background {background-color:#22d4bb;}
.border {border:1px solid #22d4bb;}
Shades and Tints of #22d4bb
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, #010908 is the darkest color, while #f7fefd is the lightest one.
-
#010908
#010908
rgb(1,9,8)
-
#041a17
#041a17
rgb(4,26,23)
-
#072b26
#072b26
rgb(7,43,38)
-
#0a3c35
#0a3c35
rgb(10,60,53)
-
#0c4d44
#0c4d44
rgb(12,77,68)
-
#0f5e53
#0f5e53
rgb(15,94,83)
-
#126f62
#126f62
rgb(18,111,98)
-
#147f70
#147f70
rgb(20,127,112)
-
#17907f
#17907f
rgb(23,144,127)
-
#1aa18e
#1aa18e
rgb(26,161,142)
-
#1db29d
#1db29d
rgb(29,178,157)
-
#1fc3ac
#1fc3ac
rgb(31,195,172)
-
#22d4bb
#22d4bb
rgb(34,212,187)
-
#2cddc4
#2cddc4
rgb(44,221,196)
-
#3de0c9
#3de0c9
rgb(61,224,201)
-
#4ee3ce
#4ee3ce
rgb(78,227,206)
-
#5fe5d3
#5fe5d3
rgb(95,229,211)
-
#70e8d7
#70e8d7
rgb(112,232,215)
-
#81ebdc
#81ebdc
rgb(129,235,220)
-
#92ede1
#92ede1
rgb(146,237,225)
-
#a3f0e5
#a3f0e5
rgb(163,240,229)
-
#b4f3ea
#b4f3ea
rgb(180,243,234)
-
#c5f6ef
#c5f6ef
rgb(197,246,239)
-
#d5f8f3
#d5f8f3
rgb(213,248,243)
-
#e6fbf8
#e6fbf8
rgb(230,251,248)
-
#f7fefd
#f7fefd
rgb(247,254,253)
Tones of #22d4bb
A tone is produced by adding gray to any pure hue. In this case, #777f7e is the less saturated color, while #06f0cf is the most saturated one.
-
#777f7e
#777f7e
rgb(119,127,126)
-
#6e8885
#6e8885
rgb(110,136,133)
-
#64928b
#64928b
rgb(100,146,139)
-
#5b9b92
#5b9b92
rgb(91,155,146)
-
#51a599
#51a599
rgb(81,165,153)
-
#48aea0
#48aea0
rgb(72,174,160)
-
#3eb8a7
#3eb8a7
rgb(62,184,167)
-
#35c1ad
#35c1ad
rgb(53,193,173)
-
#2bcbb4
#2bcbb4
rgb(43,203,180)
-
#22d4bb
#22d4bb
rgb(34,212,187)
-
#19ddc2
#19ddc2
rgb(25,221,194)
-
#0fe7c9
#0fe7c9
rgb(15,231,201)
-
#06f0cf
#06f0cf
rgb(6,240,207)
Color Blindness Simulator
Below, you can see how #22d4bb 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.