#617BDF

#617BDF

#DFC561

#DFC561

Contrast Ratio

2.27:1

Delta E

112.13

Very Different

50:50 Mix

#B29EA4

Color Values

Format #617BDF #DFC561
HEX #617BDF #DFC561
RGB 97, 123, 223 223, 197, 97
HSL 227.6, 66.3%, 62.7% 47.6, 66.3%, 62.7%
HSV 227.6, 56.5%, 87.5% 47.6, 56.5%, 87.5%
CMYK 56.5%, 44.8%, 0.0%, 12.5% 0.0%, 11.7%, 56.5%, 12.5%
OKLCH 0.6112 0.1539 270.4 0.8257 0.1235 95.0

Contrast & Accessibility

2.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFC561 → Background: #617BDF

The quick brown fox jumps over the lazy dog

Text: #617BDF → Background: #DFC561

Color Difference (Delta E)

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

Gradient

#617BDF #8486CC #9E92B8 #B29EA4 #C3AB90 #D2B87A #DFC561

Color Mixing

#617BDF

100%

#928CC2

75:25

#B29EA4

50:50

#CBB185

25:75

#DFC561

100%

CSS Gradient Code

background: linear-gradient(to right, #617BDF, #DFC561);
background: linear-gradient(135deg, #617BDF, #DFC561);

Explore Each Color

#617BDF

View full color details

#DFC561

View full color details

Related Comparisons