#214286

#214286

#866521

#866521

Contrast Ratio

1.78:1

Delta E

85.11

Very Different

50:50 Mix

#675257

Color Values

Format #214286 #866521
HEX #214286 #866521
RGB 33, 66, 134 134, 101, 33
HSL 220.4, 60.5%, 32.7% 40.4, 60.5%, 32.7%
HSV 220.4, 75.4%, 52.5% 40.4, 75.4%, 52.5%
CMYK 75.4%, 50.7%, 0.0%, 47.5% 0.0%, 24.6%, 75.4%, 47.5%
OKLCH 0.3947 0.1206 262.7 0.5275 0.0935 81.8

Contrast & Accessibility

1.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #866521 → Background: #214286

The quick brown fox jumps over the lazy dog

Text: #214286 → Background: #866521

Color Difference (Delta E)

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

Gradient

#214286 #444777 #584C67 #675257 #735847 #7D5E36 #866521

Color Mixing

#214286

100%

#4F496F

75:25

#675257

50:50

#785B3F

25:75

#866521

100%

CSS Gradient Code

background: linear-gradient(to right, #214286, #866521);
background: linear-gradient(135deg, #214286, #866521);

Explore Each Color

#214286

View full color details

#866521

View full color details

Related Comparisons