#7E86DF

#7E86DF

#DFD77E

#DFD77E

Contrast Ratio

2.23:1

Delta E

99.2

Very Different

50:50 Mix

#B9ADB2

Color Values

Format #7E86DF #DFD77E
HEX #7E86DF #DFD77E
RGB 126, 134, 223 223, 215, 126
HSL 235.1, 60.2%, 68.4% 55.1, 60.2%, 68.4%
HSV 235.1, 43.5%, 87.5% 55.1, 43.5%, 87.5%
CMYK 43.5%, 39.9%, 0.0%, 12.5% 0.0%, 3.6%, 43.5%, 12.5%
OKLCH 0.6523 0.1322 278.2 0.8664 0.1113 104.0

Contrast & Accessibility

2.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFD77E → Background: #7E86DF

The quick brown fox jumps over the lazy dog

Text: #7E86DF → Background: #DFD77E

Color Difference (Delta E)

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

Gradient

#7E86DF #9693D0 #A9A0C1 #B9ADB2 #C7BBA2 #D4C990 #DFD77E

Color Mixing

#7E86DF

100%

#A099C9

75:25

#B9ADB2

50:50

#CEC299

25:75

#DFD77E

100%

CSS Gradient Code

background: linear-gradient(to right, #7E86DF, #DFD77E);
background: linear-gradient(135deg, #7E86DF, #DFD77E);

Explore Each Color

#7E86DF

View full color details

#DFD77E

View full color details

Related Comparisons