#3B82F6
royalblue
Color info, conversions, contrast ratios, shades, and tints for #3B82F6
Color Formats
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
OKLCH
oklch(62.3% 0.1880 259.8)
WCAG Contrast Ratios
On White (#fff)
3.68:1
AA Normal ✗ AA Large ✓ AAA ✗
Sample Text
On Black (#000)
5.71:1
AA Normal ✓ AA Large ✓ AAA ✗
Sample Text
Shades & Tints
Shades (Darker)
Tints (Lighter)
Related Colors
Complementary
Analogous
Closest CSS named color
royalblue
#4169e1
Look up another color
Open full Color Info toolAbout #3B82F6
#3B82F6 is a hex color code closest to the CSS named color royalblue. It has a perceived brightness of 48% making it a dark color. In RGB it is rgb(59, 130, 246), in HSL it is hsl(217, 91%, 60%), and in the modern OKLCH color space it is oklch(62.3% 0.1880 259.8).
Related Free Tools
- Color Info & Lookup - Look up any hex color for conversions, contrast ratios, shades, and tints.
- Color Converter & Palette Generator - Generate full color palettes from any hex code.
- WCAG Contrast Checker - Test any two colors for accessibility compliance.
- CSS Gradient Generator - Build CSS gradients using this color.
Extract colors from any website
MiroMiro's Chrome extension extracts complete color palettes from any live website - including HEX, RGB, HSL, and OKLCH values.