#22b7a1 Color Information
In a RGB color space, hex #22b7a1 is composed of 13.3% red, 71.8% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 0% magenta, 12% yellow and 28.2% black. It has a hue angle of 171.1 degrees, a saturation of 68.7% and a lightness of 42.5%. #22b7a1 color hex could be obtained by blending #44ffff with #006f43. Closest websafe color is: #33cc99.
-
- R 13
- G 72
- B 63
-
- C 81
- M 0
- Y 12
- K 28
● #22b7a1 color description : Strong cyan.
#22b7a1 Color Conversion
The hexadecimal color #22b7a1 has RGB values of R:34, G:183, B:161 and CMYK values of C:0.81, M:0, Y:0.12, K:0.28. Its decimal value is 2275233.
Hex triplet | 22b7a1 | #22b7a1 |
---|---|---|
RGB Decimal | 34, 183, 161 | rgb(34,183,161) |
RGB Percent | 13.3, 71.8, 63.1 | rgb(13.3%,71.8%,63.1%) |
CMYK | 81, 0, 12, 28 | |
HSL | 171.1°, 68.7, 42.5 | hsl(171.1,68.7%,42.5%) |
HSV (or HSB) | 171.1°, 81.4, 71.8 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 67.11, -42.098, 0.594 |
---|---|
XYZ | 24.024, 36.778, 39.549 |
xyY | 0.239, 0.366, 36.778 |
CIE-LCH | 67.11, 42.102, 179.192 |
CIE-LUV | 67.11, -51.858, 7.309 |
Hunter-Lab | 60.645, -35.417, 3.786 |
Binary | 00100010, 10110111, 10100001 |
Color Schemes with #22b7a1
Alternatives to #22b7a1
Below, you can see some colors close to #22b7a1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b7a1 Preview
This text has a font color of #22b7a1.
<span style="color:#22b7a1;">Text here</span>
This paragraph has a background color of #22b7a1.
<p style="background-color:#22b7a1;">Content here</p>
This element has a border color of #22b7a1.
<div style="border:1px solid #22b7a1;">Content here</div>
.text {color:#22b7a1;}
.background {background-color:#22b7a1;}
.border {border:1px solid #22b7a1;}
Shades and Tints of #22b7a1
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, #000101 is the darkest color, while #effcfa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#03120f
#03120f
rgb(3,18,15)
-
#06221e
#06221e
rgb(6,34,30)
-
#09332d
#09332d
rgb(9,51,45)
-
#0c433b
#0c433b
rgb(12,67,59)
-
#10544a
#10544a
rgb(16,84,74)
-
#136458
#136458
rgb(19,100,88)
-
#167567
#167567
rgb(22,117,103)
-
#198575
#198575
rgb(25,133,117)
-
#1c9684
#1c9684
rgb(28,150,132)
-
#1fa692
#1fa692
rgb(31,166,146)
-
#22b7a1
#22b7a1
rgb(34,183,161)
-
#25c8b0
#25c8b0
rgb(37,200,176)
-
#29d7be
#29d7be
rgb(41,215,190)
-
#3adac3
#3adac3
rgb(58,218,195)
-
#4addc8
#4addc8
rgb(74,221,200)
-
#5be0cd
#5be0cd
rgb(91,224,205)
-
#6be4d2
#6be4d2
rgb(107,228,210)
-
#7ce7d7
#7ce7d7
rgb(124,231,215)
-
#8ceadc
#8ceadc
rgb(140,234,220)
-
#9dede1
#9dede1
rgb(157,237,225)
-
#adf0e6
#adf0e6
rgb(173,240,230)
-
#bef3eb
#bef3eb
rgb(190,243,235)
-
#cef6f0
#cef6f0
rgb(206,246,240)
-
#dff9f5
#dff9f5
rgb(223,249,245)
-
#effcfa
#effcfa
rgb(239,252,250)
Tones of #22b7a1
A tone is produced by adding gray to any pure hue. In this case, #657472 is the less saturated color, while #01d8b9 is the most saturated one.
-
#657472
#657472
rgb(101,116,114)
-
#5c7d78
#5c7d78
rgb(92,125,120)
-
#54857e
#54857e
rgb(84,133,126)
-
#4c8d84
#4c8d84
rgb(76,141,132)
-
#439689
#439689
rgb(67,150,137)
-
#3b9e8f
#3b9e8f
rgb(59,158,143)
-
#33a695
#33a695
rgb(51,166,149)
-
#2aaf9b
#2aaf9b
rgb(42,175,155)
-
#22b7a1
#22b7a1
rgb(34,183,161)
-
#1abfa7
#1abfa7
rgb(26,191,167)
-
#11c8ad
#11c8ad
rgb(17,200,173)
-
#09d0b3
#09d0b3
rgb(9,208,179)
-
#01d8b9
#01d8b9
rgb(1,216,185)
Color Blindness Simulator
Below, you can see how #22b7a1 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.