#5774DF

#5774DF

#DFC257

#DFC257

Contrast Ratio

2.41:1

Delta E

119.91

Very Different

50:50 Mix

#B099A0

Color Values

Format #5774DF #DFC257
HEX #5774DF #DFC257
RGB 87, 116, 223 223, 194, 87
HSL 227.2, 68.0%, 60.8% 47.2, 68.0%, 60.8%
HSV 227.2, 61.0%, 87.5% 47.2, 61.0%, 87.5%
CMYK 61.0%, 48.0%, 0.0%, 12.5% 0.0%, 13.0%, 61.0%, 12.5%
OKLCH 0.5914 0.1656 269.4 0.8185 0.1299 94.2

Contrast & Accessibility

2.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFC257 → Background: #5774DF

The quick brown fox jumps over the lazy dog

Text: #5774DF → Background: #DFC257

Color Difference (Delta E)

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

Gradient

#5774DF #7F7FCA #9B8CB6 #B099A0 #C2A68A #D1B472 #DFC257

Color Mixing

#5774DF

100%

#8E86C0

75:25

#B099A0

50:50

#CAAD7F

25:75

#DFC257

100%

CSS Gradient Code

background: linear-gradient(to right, #5774DF, #DFC257);
background: linear-gradient(135deg, #5774DF, #DFC257);

Explore Each Color

#5774DF

View full color details

#DFC257

View full color details

Related Comparisons