#3b82f6
royalblue
Color Picker & Converter
Interactively convert colors between HEX, RGB, HSL, and CMYK formats.
Opacity (Alpha) Enable transparency support (RGBA, HSLA)
Core Formats
HEX
RGB
HSL
CMYK
Advanced Formats
HSV
HWB
LCH
LAB
XYZ
WCAG Accessibility
White Text
3.67:1 Fail
Black Text
5.70:1 Pass
Checked against WCAG AA requirements (4.5:1 ratio).
Harmonies
Analogous
Complementary
Triadic
Color Scale Tailwind Color Scale (Shades & Tints)
50
100
200
300
400
500
600
700
800
900
950
50 500 950
Tailwind CSS Default Palettes
50
100
200
300
400
500
600
700
800
900
950
50 500 950