Free Color Picker & Converter Online - HEX, RGB, HSL & Contrast

Workspace

Color

#4F5FD6

Hue233°Opacity100%

Selected

Values

RGB

HSL

H°S%L%

HEX#4F5FD6

HEX8#4F5FD6FF

RGBrgb(79, 95, 214)

RGBArgba(79, 95, 214, 1)

HSLhsl(233, 62%, 57%)

CSS--color: #4F5FD6;

Contrast

Foreground

#4F5FD6

Background

Contrast5.33:1

Passes normal text

Target

#4F5FD6

WCAG AANormal textLarge text

WCAG AAANormal textLarge text

Tints and shades

Harmony

Help

Guide

How to use

Pick a color or enter a color value.
Copy a format, check contrast, or build a palette.

Help

FAQs

Which color formats are supported?

HEX, HEX8, RGB, RGBA, and HSL.

How is transparency handled in contrast checks?

The foreground is combined with the selected background before the contrast ratio is calculated.