#578CDF

#578CDF

#DFAA57

#DFAA57

Contrast Ratio

1.61:1

Delta E

98.23

Very Different

50:50 Mix

#B09A9E

Color Values

Format #578CDF #DFAA57
HEX #578CDF #DFAA57
RGB 87, 140, 223 223, 170, 87
HSL 216.6, 68.0%, 60.8% 36.6, 68.0%, 60.8%
HSV 216.6, 61.0%, 87.5% 36.6, 61.0%, 87.5%
CMYK 61.0%, 37.2%, 0.0%, 12.5% 0.0%, 23.8%, 61.0%, 12.5%
OKLCH 0.6412 0.1375 259.0 0.7709 0.1181 76.6

Contrast & Accessibility

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFAA57 → Background: #578CDF

The quick brown fox jumps over the lazy dog

Text: #578CDF → Background: #DFAA57

Color Difference (Delta E)

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

Gradient

#578CDF #8090C9 #9B95B4 #B09A9E #C29F87 #D1A470 #DFAA57

Color Mixing

#578CDF

100%

#8E92BF

75:25

#B09A9E

50:50

#CAA27C

25:75

#DFAA57

100%

CSS Gradient Code

background: linear-gradient(to right, #578CDF, #DFAA57);
background: linear-gradient(135deg, #578CDF, #DFAA57);

Explore Each Color

#578CDF

View full color details

#DFAA57

View full color details

Related Comparisons