#4678DF

#4678DF

#DFAD46

#DFAD46

Contrast Ratio

2.04:1

Delta E

117.82

Very Different

50:50 Mix

#AE9098

Color Values

Format #4678DF #DFAD46
HEX #4678DF #DFAD46
RGB 70, 120, 223 223, 173, 70
HSL 220.4, 70.5%, 57.5% 40.4, 70.5%, 57.5%
HSV 220.4, 68.6%, 87.5% 40.4, 68.6%, 87.5%
CMYK 68.6%, 46.2%, 0.0%, 12.5% 0.0%, 22.4%, 68.6%, 12.5%
OKLCH 0.5911 0.1661 262.9 0.775 0.1316 82.4

Contrast & Accessibility

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFAD46 → Background: #4678DF

The quick brown fox jumps over the lazy dog

Text: #4678DF → Background: #DFAD46

Color Difference (Delta E)

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

Gradient

#4678DF #787FC7 #9788B0 #AE9098 #C1997F #D1A365 #DFAD46

Color Mixing

#4678DF

100%

#8983BC

75:25

#AE9098

50:50

#C99E72

25:75

#DFAD46

100%

CSS Gradient Code

background: linear-gradient(to right, #4678DF, #DFAD46);
background: linear-gradient(135deg, #4678DF, #DFAD46);

Explore Each Color

#4678DF

View full color details

#DFAD46

View full color details

Related Comparisons