#556DDF

#556DDF

#DFC755

#DFC755

Contrast Ratio

2.68:1

Delta E

127.27

Very Different

50:50 Mix

#B097A0

Color Values

Format #556DDF #DFC755
HEX #556DDF #DFC755
RGB 85, 109, 223 223, 199, 85
HSL 229.6, 68.3%, 60.4% 49.6, 68.3%, 60.4%
HSV 229.6, 61.9%, 87.5% 49.6, 61.9%, 87.5%
CMYK 61.9%, 51.1%, 0.0%, 12.5% 0.0%, 10.8%, 61.9%, 12.5%
OKLCH 0.5765 0.1749 271.0 0.8285 0.1353 97.4

Contrast & Accessibility

2.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFC755 → Background: #556DDF

The quick brown fox jumps over the lazy dog

Text: #556DDF → Background: #DFC755

Color Difference (Delta E)

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

Gradient

#556DDF #7F7ACA #9A89B6 #B097A0 #C2A78A #D1B771 #DFC755

Color Mixing

#556DDF

100%

#8E81C0

75:25

#B097A0

50:50

#CAAF7E

25:75

#DFC755

100%

CSS Gradient Code

background: linear-gradient(to right, #556DDF, #DFC755);
background: linear-gradient(135deg, #556DDF, #DFC755);

Explore Each Color

#556DDF

View full color details

#DFC755

View full color details

Related Comparisons