Color Comparison

Compare two colors side by side with contrast ratio and perceptual difference.

Color A

Color B

#3B82F6

#F59E0B

Contrast Ratio

1.71:1

Below WCAG AA

Perceptual Difference (OKLab ΔE)

0.380

Very similar

Format

Color A

Color B

HEX

#3B82F6

#F59E0B

RGB

rgb(59, 130, 246)

rgb(245, 158, 11)

HSL

hsl(217.2, 91.2%, 59.8%)

hsl(37.7, 92.1%, 50.2%)

OKLCH

oklch(0.6231 0.188 259.81)

oklch(0.7686 0.1647 70.08)

Name

Dodger Blue

Orange

Text on A

Text on B