#3B82F6 Color — #3B82F6
Complete color reference for #3B82F6: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.
Color Format Conversions
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)hsv(217, 76%, 96%)C:76% M:47% Y:0% K:4%#3B82F639001500.2355WCAG 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 #3B82F6?
The RGB equivalent is rgb(59, 130, 246). The red channel is 59, green is 130, and blue is 246 (scale 0–255).
What is the HSL value of #3B82F6?
The HSL value is hsl(217, 91%, 60%). Hue is 217°, saturation is 91%, and lightness is 60%.
Does #3B82F6 meet WCAG accessibility standards?
On a white background, #3B82F6 achieves a 3.68:1 contrast ratio (AA Large). On a black background it achieves 5.71:1 (AA). WCAG AA requires ≥4.5:1 for normal text.
What is the complementary color of #3B82F6?
The complementary color (180° opposite on the hue wheel) of #3B82F6 is #F6AF3C.