#22B4B4 Color — #22B4B4
Complete color reference for #22B4B4: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.
Color Format Conversions
#22B4B4rgb(34, 180, 180)hsl(180, 68%, 42%)hsv(180, 81%, 71%)C:81% M:0% Y:0% K:29%#22B4B422744840.3628WCAG Accessibility Contrast
WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.
Shades & Tints Scale
Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).
Color Harmonies
Complementary
Split Complementary
Related Color Tools
Frequently Asked Questions
What is the RGB equivalent of #22B4B4?
The RGB equivalent is rgb(34, 180, 180). The red channel is 34, green is 180, and blue is 180 (scale 0–255).
What is the HSL value of #22B4B4?
The HSL value is hsl(180, 68%, 42%). Hue is 180°, saturation is 68%, and lightness is 42%.
Does #22B4B4 meet WCAG accessibility standards?
On a white background, #22B4B4 achieves a 2.54:1 contrast ratio (Fail). On a black background it achieves 8.26:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.
What is the complementary color of #22B4B4?
The complementary color (180° opposite on the hue wheel) of #22B4B4 is #B42222.