#22b2af Color Information
In a RGB color space, hex #22b2af is composed of 13.3% red, 69.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 0% magenta, 1.7% yellow and 30.2% black. It has a hue angle of 178.8 degrees, a saturation of 67.9% and a lightness of 41.6%. #22b2af color hex could be obtained by blending #44ffff with #00655f. Closest websafe color is: #339999.
-
- R 13
- G 70
- B 69
-
- C 81
- M 0
- Y 2
- K 30
● #22b2af color description : Dark cyan.
#22b2af Color Conversion
The hexadecimal color #22b2af has RGB values of R:34, G:178, B:175 and CMYK values of C:0.81, M:0, Y:0.02, K:0.3. Its decimal value is 2273967.
Hex triplet | 22b2af | #22b2af |
---|---|---|
RGB Decimal | 34, 178, 175 | rgb(34,178,175) |
RGB Percent | 13.3, 69.8, 68.6 | rgb(13.3%,69.8%,68.6%) |
CMYK | 81, 0, 2, 30 | |
HSL | 178.8°, 67.9, 41.6 | hsl(178.8,67.9%,41.6%) |
HSV (or HSB) | 178.8°, 80.9, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 65.961, -35.872, -8.848 |
---|---|
XYZ | 24.316, 35.274, 46.082 |
xyY | 0.23, 0.334, 35.274 |
CIE-LCH | 65.961, 36.947, 193.855 |
CIE-LUV | 65.961, -49.066, -8.021 |
Hunter-Lab | 59.392, -30.856, -4.429 |
Binary | 00100010, 10110010, 10101111 |
Color Schemes with #22b2af
Alternatives to #22b2af
Below, you can see some colors close to #22b2af. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b2af Preview
This text has a font color of #22b2af.
<span style="color:#22b2af;">Text here</span>
This paragraph has a background color of #22b2af.
<p style="background-color:#22b2af;">Content here</p>
This element has a border color of #22b2af.
<div style="border:1px solid #22b2af;">Content here</div>
.text {color:#22b2af;}
.background {background-color:#22b2af;}
.border {border:1px solid #22b2af;}
Shades and Tints of #22b2af
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, #030d0d is the darkest color, while #fcfefe is the lightest one.
-
#030d0d
#030d0d
rgb(3,13,13)
-
#061e1d
#061e1d
rgb(6,30,29)
-
#092e2d
#092e2d
rgb(9,46,45)
-
#0c3f3e
#0c3f3e
rgb(12,63,62)
-
#0f4f4e
#0f4f4e
rgb(15,79,78)
-
#12605e
#12605e
rgb(18,96,94)
-
#15706e
#15706e
rgb(21,112,110)
-
#19817e
#19817e
rgb(25,129,126)
-
#1c918f
#1c918f
rgb(28,145,143)
-
#1fa29f
#1fa29f
rgb(31,162,159)
-
#22b2af
#22b2af
rgb(34,178,175)
-
#25c2bf
#25c2bf
rgb(37,194,191)
-
#28d3cf
#28d3cf
rgb(40,211,207)
-
#36d9d5
#36d9d5
rgb(54,217,213)
-
#47dcd9
#47dcd9
rgb(71,220,217)
-
#57dfdc
#57dfdc
rgb(87,223,220)
-
#68e2e0
#68e2e0
rgb(104,226,224)
-
#78e5e3
#78e5e3
rgb(120,229,227)
-
#89e8e6
#89e8e6
rgb(137,232,230)
-
#99ecea
#99ecea
rgb(153,236,234)
-
#a9efed
#a9efed
rgb(169,239,237)
-
#baf2f1
#baf2f1
rgb(186,242,241)
-
#caf5f4
#caf5f4
rgb(202,245,244)
-
#dbf8f7
#dbf8f7
rgb(219,248,247)
-
#ebfbfb
#ebfbfb
rgb(235,251,251)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #22b2af
A tone is produced by adding gray to any pure hue. In this case, #637170 is the less saturated color, while #01d3ce is the most saturated one.
-
#637170
#637170
rgb(99,113,112)
-
#5b7978
#5b7978
rgb(91,121,120)
-
#538180
#538180
rgb(83,129,128)
-
#4b8988
#4b8988
rgb(75,137,136)
-
#439190
#439190
rgb(67,145,144)
-
#3a9a98
#3a9a98
rgb(58,154,152)
-
#32a29f
#32a29f
rgb(50,162,159)
-
#2aaaa7
#2aaaa7
rgb(42,170,167)
-
#22b2af
#22b2af
rgb(34,178,175)
-
#1abab7
#1abab7
rgb(26,186,183)
-
#12c2bf
#12c2bf
rgb(18,194,191)
-
#0acac6
#0acac6
rgb(10,202,198)
-
#01d3ce
#01d3ce
rgb(1,211,206)
Color Blindness Simulator
Below, you can see how #22b2af 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.