#22b7ae Color Information
In a RGB color space, hex #22b7ae is composed of 13.3% red, 71.8% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 0% magenta, 4.9% yellow and 28.2% black. It has a hue angle of 176.4 degrees, a saturation of 68.7% and a lightness of 42.5%. #22b7ae color hex could be obtained by blending #44ffff with #006f5d. Closest websafe color is: #33cc99.
-
- R 13
- G 72
- B 68
-
- C 81
- M 0
- Y 5
- K 28
● #22b7ae color description : Strong cyan.
#22b7ae Color Conversion
The hexadecimal color #22b7ae has RGB values of R:34, G:183, B:174 and CMYK values of C:0.81, M:0, Y:0.05, K:0.28. Its decimal value is 2275246.
Hex triplet | 22b7ae | #22b7ae |
---|---|---|
RGB Decimal | 34, 183, 174 | rgb(34,183,174) |
RGB Percent | 13.3, 71.8, 68.2 | rgb(13.3%,71.8%,68.2%) |
CMYK | 81, 0, 5, 28 | |
HSL | 176.4°, 68.7, 42.5 | hsl(176.4,68.7%,42.5%) |
HSV (or HSB) | 176.4°, 81.4, 71.8 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 67.472, -38.452, -6.049 |
---|---|
XYZ | 25.231, 37.261, 45.904 |
xyY | 0.233, 0.344, 37.261 |
CIE-LCH | 67.472, 38.925, 188.941 |
CIE-LUV | 67.472, -50.899, -3.311 |
Hunter-Lab | 61.041, -33.042, -1.858 |
Binary | 00100010, 10110111, 10101110 |
Color Schemes with #22b7ae
Alternatives to #22b7ae
Below, you can see some colors close to #22b7ae. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b7ae Preview
This text has a font color of #22b7ae.
<span style="color:#22b7ae;">Text here</span>
This paragraph has a background color of #22b7ae.
<p style="background-color:#22b7ae;">Content here</p>
This element has a border color of #22b7ae.
<div style="border:1px solid #22b7ae;">Content here</div>
.text {color:#22b7ae;}
.background {background-color:#22b7ae;}
.border {border:1px solid #22b7ae;}
Shades and Tints of #22b7ae
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 #effcfb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#031211
#031211
rgb(3,18,17)
-
#062220
#062220
rgb(6,34,32)
-
#093330
#093330
rgb(9,51,48)
-
#0c4340
#0c4340
rgb(12,67,64)
-
#105450
#105450
rgb(16,84,80)
-
#13645f
#13645f
rgb(19,100,95)
-
#16756f
#16756f
rgb(22,117,111)
-
#19857f
#19857f
rgb(25,133,127)
-
#1c968f
#1c968f
rgb(28,150,143)
-
#1fa69e
#1fa69e
rgb(31,166,158)
-
#22b7ae
#22b7ae
rgb(34,183,174)
-
#25c8be
#25c8be
rgb(37,200,190)
-
#29d7cd
#29d7cd
rgb(41,215,205)
-
#3adad1
#3adad1
rgb(58,218,209)
-
#4addd4
#4addd4
rgb(74,221,212)
-
#5be0d8
#5be0d8
rgb(91,224,216)
-
#6be4dc
#6be4dc
rgb(107,228,220)
-
#7ce7e0
#7ce7e0
rgb(124,231,224)
-
#8ceae4
#8ceae4
rgb(140,234,228)
-
#9dede8
#9dede8
rgb(157,237,232)
-
#adf0ec
#adf0ec
rgb(173,240,236)
-
#bef3f0
#bef3f0
rgb(190,243,240)
-
#cef6f4
#cef6f4
rgb(206,246,244)
-
#dff9f7
#dff9f7
rgb(223,249,247)
-
#effcfb
#effcfb
rgb(239,252,251)
Tones of #22b7ae
A tone is produced by adding gray to any pure hue. In this case, #657473 is the less saturated color, while #01d8cb is the most saturated one.
-
#657473
#657473
rgb(101,116,115)
-
#5c7d7b
#5c7d7b
rgb(92,125,123)
-
#548582
#548582
rgb(84,133,130)
-
#4c8d89
#4c8d89
rgb(76,141,137)
-
#439691
#439691
rgb(67,150,145)
-
#3b9e98
#3b9e98
rgb(59,158,152)
-
#33a69f
#33a69f
rgb(51,166,159)
-
#2aafa7
#2aafa7
rgb(42,175,167)
-
#22b7ae
#22b7ae
rgb(34,183,174)
-
#1abfb5
#1abfb5
rgb(26,191,181)
-
#11c8bd
#11c8bd
rgb(17,200,189)
-
#09d0c4
#09d0c4
rgb(9,208,196)
-
#01d8cb
#01d8cb
rgb(1,216,203)
Color Blindness Simulator
Below, you can see how #22b7ae 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.