#2196F3 Color — #2196F3
Complete color reference for #2196F3: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.
Color Format Conversions
#2196F3rgb(33, 150, 243)hsl(207, 90%, 54%)hsv(207, 86%, 95%)C:86% M:38% Y:0% K:5%#2196F322013310.2861WCAG 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 #2196F3?
The RGB equivalent is rgb(33, 150, 243). The red channel is 33, green is 150, and blue is 243 (scale 0–255).
What is the HSL value of #2196F3?
The HSL value is hsl(207, 90%, 54%). Hue is 207°, saturation is 90%, and lightness is 54%.
Does #2196F3 meet WCAG accessibility standards?
On a white background, #2196F3 achieves a 3.12:1 contrast ratio (AA Large). On a black background it achieves 6.72:1 (AA). WCAG AA requires ≥4.5:1 for normal text.
What is the complementary color of #2196F3?
The complementary color (180° opposite on the hue wheel) of #2196F3 is #F37F20.