#2F21BA

#2F21BA

#ACBA21

#ACBA21

Contrast Ratio

4.79:1

Delta E

169.03

Very Different

50:50 Mix

Color Values

Format #2F21BA #ACBA21
HEX #2F21BA #ACBA21
RGB 47, 33, 186 172, 186, 33
HSL 245.5, 69.9%, 42.9% 65.5, 69.9%, 42.9%
HSV 245.5, 82.3%, 72.9% 65.5, 82.3%, 72.9%
CMYK 74.7%, 82.3%, 0.0%, 27.1% 7.5%, 0.0%, 82.3%, 27.1%
OKLCH 0.3978 0.2209 273.8 0.7529 0.1626 115.2

Contrast & Accessibility

4.79:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #ACBA21 → Background: #2F21BA

The quick brown fox jumps over the lazy dog

Text: #2F21BA → Background: #ACBA21

Color Difference (Delta E)

169.03 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2F21BA, #ACBA21);
background: linear-gradient(135deg, #2F21BA, #ACBA21);

Explore Each Color

Related Comparisons