#22dfbb Color Information
In a RGB color space, hex #22dfbb is composed of 13.3% red, 87.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 0% magenta, 16.1% yellow and 12.5% black. It has a hue angle of 168.6 degrees, a saturation of 74.7% and a lightness of 50.4%. #22dfbb color hex could be obtained by blending #44ffff with #00bf77. Closest websafe color is: #33cccc.
-
- R 13
- G 87
- B 73
-
- C 85
- M 0
- Y 16
- K 13
● #22dfbb color description : Bright cyan.
#22dfbb Color Conversion
The hexadecimal color #22dfbb has RGB values of R:34, G:223, B:187 and CMYK values of C:0.85, M:0, Y:0.16, K:0.13. Its decimal value is 2285499.
Hex triplet | 22dfbb | #22dfbb |
---|---|---|
RGB Decimal | 34, 223, 187 | rgb(34,223,187) |
RGB Percent | 13.3, 87.5, 73.3 | rgb(13.3%,87.5%,73.3%) |
CMYK | 85, 0, 16, 13 | |
HSL | 168.6°, 74.7, 50.4 | hsl(168.6,74.7%,50.4%) |
HSV (or HSB) | 168.6°, 84.8, 87.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 80.01, -52.028, 5.24 |
---|---|
XYZ | 36.014, 56.7, 56.057 |
xyY | 0.242, 0.381, 56.7 |
CIE-LCH | 80.01, 52.291, 174.249 |
CIE-LUV | 80.01, -63.712, 16.127 |
Hunter-Lab | 75.299, -46.401, 8.57 |
Binary | 00100010, 11011111, 10111011 |
Color Schemes with #22dfbb
Alternatives to #22dfbb
Below, you can see some colors close to #22dfbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22dfbb Preview
This text has a font color of #22dfbb.
<span style="color:#22dfbb;">Text here</span>
This paragraph has a background color of #22dfbb.
<p style="background-color:#22dfbb;">Content here</p>
This element has a border color of #22dfbb.
<div style="border:1px solid #22dfbb;">Content here</div>
.text {color:#22dfbb;}
.background {background-color:#22dfbb;}
.border {border:1px solid #22dfbb;}
Shades and Tints of #22dfbb
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, #000201 is the darkest color, while #f0fdfa is the lightest one.
-
#000201
#000201
rgb(0,2,1)
-
#031310
#031310
rgb(3,19,16)
-
#05241e
#05241e
rgb(5,36,30)
-
#08352c
#08352c
rgb(8,53,44)
-
#0a463b
#0a463b
rgb(10,70,59)
-
#0d5749
#0d5749
rgb(13,87,73)
-
#0f6958
#0f6958
rgb(15,105,88)
-
#127a66
#127a66
rgb(18,122,102)
-
#148b74
#148b74
rgb(20,139,116)
-
#179c83
#179c83
rgb(23,156,131)
-
#19ad91
#19ad91
rgb(25,173,145)
-
#1cbe9f
#1cbe9f
rgb(28,190,159)
-
#1ecfae
#1ecfae
rgb(30,207,174)
-
#22dfbb
#22dfbb
rgb(34,223,187)
-
#33e1c0
#33e1c0
rgb(51,225,192)
-
#44e4c6
#44e4c6
rgb(68,228,198)
-
#55e6cb
#55e6cb
rgb(85,230,203)
-
#67e9d0
#67e9d0
rgb(103,233,208)
-
#78ebd5
#78ebd5
rgb(120,235,213)
-
#89eedb
#89eedb
rgb(137,238,219)
-
#9af0e0
#9af0e0
rgb(154,240,224)
-
#abf3e5
#abf3e5
rgb(171,243,229)
-
#bcf5ea
#bcf5ea
rgb(188,245,234)
-
#cdf8f0
#cdf8f0
rgb(205,248,240)
-
#defaf5
#defaf5
rgb(222,250,245)
-
#f0fdfa
#f0fdfa
rgb(240,253,250)
Tones of #22dfbb
A tone is produced by adding gray to any pure hue. In this case, #7a8785 is the less saturated color, while #05fccd is the most saturated one.
-
#7a8785
#7a8785
rgb(122,135,133)
-
#70918b
#70918b
rgb(112,145,139)
-
#669b91
#669b91
rgb(102,155,145)
-
#5ca597
#5ca597
rgb(92,165,151)
-
#53ae9d
#53ae9d
rgb(83,174,157)
-
#49b8a3
#49b8a3
rgb(73,184,163)
-
#3fc2a9
#3fc2a9
rgb(63,194,169)
-
#35ccaf
#35ccaf
rgb(53,204,175)
-
#2cd5b5
#2cd5b5
rgb(44,213,181)
-
#22dfbb
#22dfbb
rgb(34,223,187)
-
#18e9c1
#18e9c1
rgb(24,233,193)
-
#0ff2c7
#0ff2c7
rgb(15,242,199)
-
#05fccd
#05fccd
rgb(5,252,205)
Color Blindness Simulator
Below, you can see how #22dfbb 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.