#536CD3

#536CD3

#D3BA53

#D3BA53

Contrast Ratio

2.45:1

Delta E

116.46

Very Different

50:50 Mix

#A79198

Color Values

Format #536CD3 #D3BA53
HEX #536CD3 #D3BA53
RGB 83, 108, 211 211, 186, 83
HSL 228.3, 59.3%, 57.6% 48.3, 59.3%, 57.6%
HSV 228.3, 60.7%, 82.7% 48.3, 60.7%, 82.7%
CMYK 60.7%, 48.8%, 0.0%, 17.3% 0.0%, 11.8%, 60.7%, 17.3%
OKLCH 0.5651 0.1603 270.3 0.7905 0.1256 95.7

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: #D3BA53 → Background: #536CD3

The quick brown fox jumps over the lazy dog

Text: #536CD3 → Background: #D3BA53

Color Difference (Delta E)

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

Gradient

#536CD3 #7978C0 #9384AC #A79198 #B89E83 #C6AC6D #D3BA53

Color Mixing

#536CD3

100%

#877EB6

75:25

#A79198

50:50

#BFA578

25:75

#D3BA53

100%

CSS Gradient Code

background: linear-gradient(to right, #536CD3, #D3BA53);
background: linear-gradient(135deg, #536CD3, #D3BA53);

Explore Each Color

#536CD3

View full color details

#D3BA53

View full color details

Related Comparisons