#7493DF

#7493DF

#DFC074

#DFC074

Contrast Ratio

1.71:1

Delta E

86.4

Very Different

50:50 Mix

Color Values

Format #7493DF #DFC074
HEX #7493DF #DFC074
RGB 116, 147, 223 223, 192, 116
HSL 222.6, 62.6%, 66.5% 42.6, 62.6%, 66.5%
HSV 222.6, 48.0%, 87.5% 42.6, 48.0%, 87.5%
CMYK 48.0%, 34.1%, 0.0%, 12.5% 0.0%, 13.9%, 48.0%, 12.5%
OKLCH 0.672 0.1186 266.4 0.8181 0.1017 88.0

Contrast & Accessibility

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFC074 → Background: #7493DF

The quick brown fox jumps over the lazy dog

Text: #7493DF → Background: #DFC074

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #7493DF, #DFC074);
background: linear-gradient(135deg, #7493DF, #DFC074);

Explore Each Color

Related Comparisons