#676CDA

#676CDA

#DAD567

#DAD567

Contrast Ratio

2.89:1

Delta E

123.39

Very Different

50:50 Mix

#B09EA6

Color Values

Format #676CDA #DAD567
HEX #676CDA #DAD567
RGB 103, 108, 218 218, 213, 103
HSL 237.4, 60.8%, 62.9% 57.4, 60.8%, 62.9%
HSV 237.4, 52.8%, 85.5% 57.4, 52.8%, 85.5%
CMYK 52.8%, 50.5%, 0.0%, 14.5% 0.0%, 2.3%, 52.8%, 14.5%
OKLCH 0.5827 0.1649 278.0 0.855 0.1325 106.5

Contrast & Accessibility

2.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DAD567 → Background: #676CDA

The quick brown fox jumps over the lazy dog

Text: #676CDA → Background: #DAD567

Color Difference (Delta E)

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

Gradient

#676CDA #867CC9 #9E8DB8 #B09EA6 #C0B093 #CEC27E #DAD567

Color Mixing

#676CDA

100%

#9384C1

75:25

#B09EA6

50:50

#C7B989

25:75

#DAD567

100%

CSS Gradient Code

background: linear-gradient(to right, #676CDA, #DAD567);
background: linear-gradient(135deg, #676CDA, #DAD567);

Explore Each Color

#676CDA

View full color details

#DAD567

View full color details

Related Comparisons