#546CD2

#546CD2

#D2BA54

#D2BA54

Contrast Ratio

2.45:1

Delta E

115.41

Very Different

50:50 Mix

#A69198

Color Values

Format #546CD2 #D2BA54
HEX #546CD2 #D2BA54
RGB 84, 108, 210 210, 186, 84
HSL 228.6, 58.3%, 57.6% 48.6, 58.3%, 57.6%
HSV 228.6, 60.0%, 82.4% 48.6, 60.0%, 82.4%
CMYK 60.0%, 48.6%, 0.0%, 17.6% 0.0%, 11.4%, 60.0%, 17.6%
OKLCH 0.565 0.1586 270.6 0.7896 0.1246 96.2

Contrast & Accessibility

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D2BA54 → Background: #546CD2

The quick brown fox jumps over the lazy dog

Text: #546CD2 → Background: #D2BA54

Color Difference (Delta E)

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

Gradient

#546CD2 #7978BF #9284AC #A69198 #B79E84 #C5AC6D #D2BA54

Color Mixing

#546CD2

100%

#877EB5

75:25

#A69198

50:50

#BEA579

25:75

#D2BA54

100%

CSS Gradient Code

background: linear-gradient(to right, #546CD2, #D2BA54);
background: linear-gradient(135deg, #546CD2, #D2BA54);

Explore Each Color

#546CD2

View full color details

#D2BA54

View full color details

Related Comparisons