#2148AB

#2148AB

#AB8421

#AB8421

Contrast Ratio

2.35:1

Delta E

115.65

Very Different

50:50 Mix

Color Values

Format #2148AB #AB8421
HEX #2148AB #AB8421
RGB 33, 72, 171 171, 132, 33
HSL 223.0, 67.6%, 40.0% 43.0, 67.6%, 40.0%
HSV 223.0, 80.7%, 67.1% 43.0, 80.7%, 67.1%
CMYK 80.7%, 57.9%, 0.0%, 32.9% 0.0%, 22.8%, 80.7%, 32.9%
OKLCH 0.4377 0.165 264.3 0.6343 0.1193 85.4

Contrast & Accessibility

2.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AB8421 → Background: #2148AB

The quick brown fox jumps over the lazy dog

Text: #2148AB → Background: #AB8421

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2148AB, #AB8421);
background: linear-gradient(135deg, #2148AB, #AB8421);

Explore Each Color

Related Comparisons