#22b7a2 Color Information
In a RGB color space, hex #22b7a2 is composed of 13.3% red, 71.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 0% magenta, 11.5% yellow and 28.2% black. It has a hue angle of 171.5 degrees, a saturation of 68.7% and a lightness of 42.5%. #22b7a2 color hex could be obtained by blending #44ffff with #006f45. Closest websafe color is: #33cc99.
-
- R 13
- G 72
- B 64
-
- C 81
- M 0
- Y 11
- K 28
● #22b7a2 color description : Strong cyan.
#22b7a2 Color Conversion
The hexadecimal color #22b7a2 has RGB values of R:34, G:183, B:162 and CMYK values of C:0.81, M:0, Y:0.11, K:0.28. Its decimal value is 2275234.
Hex triplet | 22b7a2 | #22b7a2 |
---|---|---|
RGB Decimal | 34, 183, 162 | rgb(34,183,162) |
RGB Percent | 13.3, 71.8, 63.5 | rgb(13.3%,71.8%,63.5%) |
CMYK | 81, 0, 11, 28 | |
HSL | 171.5°, 68.7, 42.5 | hsl(171.5,68.7%,42.5%) |
HSV (or HSB) | 171.5°, 81.4, 71.8 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 67.137, -41.825, 0.081 |
---|---|
XYZ | 24.113, 36.813, 40.015 |
xyY | 0.239, 0.365, 36.813 |
CIE-LCH | 67.137, 41.825, 179.889 |
CIE-LUV | 67.137, -51.785, 6.505 |
Hunter-Lab | 60.674, -35.241, 3.369 |
Binary | 00100010, 10110111, 10100010 |
Color Schemes with #22b7a2
Alternatives to #22b7a2
Below, you can see some colors close to #22b7a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b7a2 Preview
This text has a font color of #22b7a2.
<span style="color:#22b7a2;">Text here</span>
This paragraph has a background color of #22b7a2.
<p style="background-color:#22b7a2;">Content here</p>
This element has a border color of #22b7a2.
<div style="border:1px solid #22b7a2;">Content here</div>
.text {color:#22b7a2;}
.background {background-color:#22b7a2;}
.border {border:1px solid #22b7a2;}
Shades and Tints of #22b7a2
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)
-
#031210
#031210
rgb(3,18,16)
-
#06221e
#06221e
rgb(6,34,30)
-
#09332d
#09332d
rgb(9,51,45)
-
#0c433b
#0c433b
rgb(12,67,59)
-
#10544a
#10544a
rgb(16,84,74)
-
#136459
#136459
rgb(19,100,89)
-
#167567
#167567
rgb(22,117,103)
-
#198576
#198576
rgb(25,133,118)
-
#1c9685
#1c9685
rgb(28,150,133)
-
#1fa693
#1fa693
rgb(31,166,147)
-
#22b7a2
#22b7a2
rgb(34,183,162)
-
#25c8b1
#25c8b1
rgb(37,200,177)
-
#29d7bf
#29d7bf
rgb(41,215,191)
-
#3adac4
#3adac4
rgb(58,218,196)
-
#4addc9
#4addc9
rgb(74,221,201)
-
#5be0ce
#5be0ce
rgb(91,224,206)
-
#6be4d3
#6be4d3
rgb(107,228,211)
-
#7ce7d8
#7ce7d8
rgb(124,231,216)
-
#8ceadd
#8ceadd
rgb(140,234,221)
-
#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 #22b7a2
A tone is produced by adding gray to any pure hue. In this case, #657472 is the less saturated color, while #01d8ba 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)
-
#43968a
#43968a
rgb(67,150,138)
-
#3b9e90
#3b9e90
rgb(59,158,144)
-
#33a696
#33a696
rgb(51,166,150)
-
#2aaf9c
#2aaf9c
rgb(42,175,156)
-
#22b7a2
#22b7a2
rgb(34,183,162)
-
#1abfa8
#1abfa8
rgb(26,191,168)
-
#11c8ae
#11c8ae
rgb(17,200,174)
-
#09d0b4
#09d0b4
rgb(9,208,180)
-
#01d8ba
#01d8ba
rgb(1,216,186)
Color Blindness Simulator
Below, you can see how #22b7a2 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.