HEX · RGB · HSL · CMYK · WCAG Contrast

Color Converter & Picker

Switch seamlessly between digital display models and print color spaces. Audit WCAG accessibility contrast ratios on the fly.

Presets:

#0ea5e9

rgb(14, 165, 233)

Choose or Type Color

HEX#0ea5e9

RGBrgb(14, 165, 233)

HSLhsl(199, 89%, 48%)

CMYKcmyk(94%, 29%, 0%, 9%)

Contrast vs. White (#FFFFFF)Low Contrast

2.77 : 1

Contrast vs. Black (#000000)WCAG AA Pass

7.58 : 1

Color Spaces & Web Accessibility Explained

HEX, RGB, and HSL Models

RGB describes colors through red, green, and blue light channels (0-255). HEX represents RGB in hexadecimal notation. HSL (Hue, Saturation, Lightness) organizes color perceptually around a 360-degree color wheel, making brightness variations intuitive to tweak.

WCAG Contrast Ratio Rules

The Web Content Accessibility Guidelines (WCAG 2.1) require a minimum contrast ratio of 4.5:1 for normal body text (Level AA) and 3.0:1 for large text and UI components. High-contrast themes aim for 7.0:1 (Level AAA).