#7586DF

#7586DF

#DFCE75

#DFCE75

Contrast Ratio

2.12:1

Delta E

99.41

Very Different

50:50 Mix

Color Values

Format #7586DF #DFCE75
HEX #7586DF #DFCE75
RGB 117, 134, 223 223, 206, 117
HSL 230.4, 62.4%, 66.7% 50.4, 62.4%, 66.7%
HSV 230.4, 47.5%, 87.5% 50.4, 47.5%, 87.5%
CMYK 47.5%, 39.9%, 0.0%, 12.5% 0.0%, 7.6%, 47.5%, 12.5%
OKLCH 0.646 0.1343 273.9 0.8466 0.1118 98.8

Contrast & Accessibility

2.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFCE75 → Background: #7586DF

The quick brown fox jumps over the lazy dog

Text: #7586DF → Background: #DFCE75

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #7586DF, #DFCE75);
background: linear-gradient(135deg, #7586DF, #DFCE75);

Explore Each Color

Related Comparisons