#214EB4

#214EB4

#B48721

#B48721

Contrast Ratio

2.28:1

Delta E

118.48

Very Different

50:50 Mix

#8A6873

Color Values

Format #214EB4 #B48721
HEX #214EB4 #B48721
RGB 33, 78, 180 180, 135, 33
HSL 221.6, 69.0%, 41.8% 41.6, 69.0%, 41.8%
HSV 221.6, 81.7%, 70.6% 41.6, 81.7%, 70.6%
CMYK 81.7%, 56.7%, 0.0%, 29.4% 0.0%, 25.0%, 81.7%, 29.4%
OKLCH 0.4576 0.1697 263.3 0.6504 0.1236 82.6

Contrast & Accessibility

2.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B48721 → Background: #214EB4

The quick brown fox jumps over the lazy dog

Text: #214EB4 → Background: #B48721

Color Difference (Delta E)

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

Gradient

#214EB4 #59569E #765E89 #8A6873 #9A725C #A87C43 #B48721

Color Mixing

#214EB4

100%

#695A94

75:25

#8A6873

50:50

#A27750

25:75

#B48721

100%

CSS Gradient Code

background: linear-gradient(to right, #214EB4, #B48721);
background: linear-gradient(135deg, #214EB4, #B48721);

Explore Each Color

#214EB4

View full color details

#B48721

View full color details

Related Comparisons