#22d5b2 Color Information
In a RGB color space, hex #22d5b2 is composed of 13.3% red, 83.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 0% magenta, 16.4% yellow and 16.5% black. It has a hue angle of 168.3 degrees, a saturation of 72.5% and a lightness of 48.4%. #22d5b2 color hex could be obtained by blending #44ffff with #00ab65. Closest websafe color is: #33cc99.
-
- R 13
- G 84
- B 70
-
- C 84
- M 0
- Y 16
- K 16
● #22d5b2 color description : Strong cyan.
#22d5b2 Color Conversion
The hexadecimal color #22d5b2 has RGB values of R:34, G:213, B:178 and CMYK values of C:0.84, M:0, Y:0.16, K:0.16. Its decimal value is 2282930.
Hex triplet | 22d5b2 | #22d5b2 |
---|---|---|
RGB Decimal | 34, 213, 178 | rgb(34,213,178) |
RGB Percent | 13.3, 83.5, 69.8 | rgb(13.3%,83.5%,69.8%) |
CMYK | 84, 0, 16, 16 | |
HSL | 168.3°, 72.5, 48.4 | hsl(168.3,72.5%,48.4%) |
HSV (or HSB) | 168.3°, 84, 83.5 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 76.763, -50.252, 5.354 |
---|---|
XYZ | 32.487, 51.14, 50.276 |
xyY | 0.243, 0.382, 51.14 |
CIE-LCH | 76.763, 50.536, 173.919 |
CIE-LUV | 76.763, -60.985, 15.903 |
Hunter-Lab | 71.512, -44.056, 8.375 |
Binary | 00100010, 11010101, 10110010 |
Color Schemes with #22d5b2
Alternatives to #22d5b2
Below, you can see some colors close to #22d5b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22d5b2 Preview
This text has a font color of #22d5b2.
<span style="color:#22d5b2;">Text here</span>
This paragraph has a background color of #22d5b2.
<p style="background-color:#22d5b2;">Content here</p>
This element has a border color of #22d5b2.
<div style="border:1px solid #22d5b2;">Content here</div>
.text {color:#22d5b2;}
.background {background-color:#22d5b2;}
.border {border:1px solid #22d5b2;}
Shades and Tints of #22d5b2
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, #020a08 is the darkest color, while #f8fefd is the lightest one.
-
#020a08
#020a08
rgb(2,10,8)
-
#041b17
#041b17
rgb(4,27,23)
-
#072c25
#072c25
rgb(7,44,37)
-
#0a3d33
#0a3d33
rgb(10,61,51)
-
#0c4e41
#0c4e41
rgb(12,78,65)
-
#0f5f4f
#0f5f4f
rgb(15,95,79)
-
#12705d
#12705d
rgb(18,112,93)
-
#14806b
#14806b
rgb(20,128,107)
-
#179179
#179179
rgb(23,145,121)
-
#1aa288
#1aa288
rgb(26,162,136)
-
#1db396
#1db396
rgb(29,179,150)
-
#1fc4a4
#1fc4a4
rgb(31,196,164)
-
#22d5b2
#22d5b2
rgb(34,213,178)
-
#2dddbb
#2dddbb
rgb(45,221,187)
-
#3ee0c0
#3ee0c0
rgb(62,224,192)
-
#4fe3c6
#4fe3c6
rgb(79,227,198)
-
#60e6cb
#60e6cb
rgb(96,230,203)
-
#71e8d1
#71e8d1
rgb(113,232,209)
-
#82ebd6
#82ebd6
rgb(130,235,214)
-
#93eedc
#93eedc
rgb(147,238,220)
-
#a4f0e1
#a4f0e1
rgb(164,240,225)
-
#b4f3e7
#b4f3e7
rgb(180,243,231)
-
#c5f6ec
#c5f6ec
rgb(197,246,236)
-
#d6f8f2
#d6f8f2
rgb(214,248,242)
-
#e7fbf7
#e7fbf7
rgb(231,251,247)
-
#f8fefd
#f8fefd
rgb(248,254,253)
Tones of #22d5b2
A tone is produced by adding gray to any pure hue. In this case, #78807e is the less saturated color, while #05f2c3 is the most saturated one.
-
#78807e
#78807e
rgb(120,128,126)
-
#6e8984
#6e8984
rgb(110,137,132)
-
#65938a
#65938a
rgb(101,147,138)
-
#5b9c8f
#5b9c8f
rgb(91,156,143)
-
#52a695
#52a695
rgb(82,166,149)
-
#48af9b
#48af9b
rgb(72,175,155)
-
#3fb9a1
#3fb9a1
rgb(63,185,161)
-
#35c2a6
#35c2a6
rgb(53,194,166)
-
#2cccac
#2cccac
rgb(44,204,172)
-
#22d5b2
#22d5b2
rgb(34,213,178)
-
#19dfb8
#19dfb8
rgb(25,223,184)
-
#0fe8be
#0fe8be
rgb(15,232,190)
-
#05f2c3
#05f2c3
rgb(5,242,195)
Color Blindness Simulator
Below, you can see how #22d5b2 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.