Color Toolsβ’Free Online Tool
Color Picker & Converter (HEX, RGB, HSL)
Explore colors with an interactive color wheel, eyedropper support, and instant conversion between HEX, RGB, and HSL formats.
100% Free & Private
#2563ebrgb(37, 99, 235) β’ hsl(221, 83%, 53%)
Sample text demonstrating live contrast ratio against chosen background.
HEX Code
#2563EB
RGB Format
rgb(37, 99, 235)
HSL Format
hsl(221, 83%, 53%)
WCAG 2.1 Color Contrast Score
5.17 : 1WCAG AA Normal Text (4.5:1) Pass
WCAG AA Large Text (3.0:1) Pass
WCAG AAA Normal Text (7.0:1) Fail
Frequently Asked Questions
Related Tools
WCAG Color Contrast Checker
Verify color contrast compliance for WCAG 2.1 AA and AAA accessibility standards.
Use Now
Modern CSS Gradient Generator
Design beautiful multi-stop linear and radial CSS gradients with live preview, Tailwind CSS classes, and one-click code copy.
Use Now
Mesh Gradient Generator
Create organic, multi-point mesh gradients with draggable pins, custom spreads, and 4K PNG export.
Use Now
Text Gradient Generator
Design stunning text gradients with typography controls, angles, stops, and CSS & Tailwind export.
Use Now