#687BDF

#687BDF

#DFCC68

#DFCC68

Contrast Ratio

2.36:1

Delta E

111.76

Very Different

50:50 Mix

#B3A2A8

Color Values

Format #687BDF #DFCC68
HEX #687BDF #DFCC68
RGB 104, 123, 223 223, 204, 104
HSL 230.4, 65.0%, 64.1% 50.4, 65.0%, 64.1%
HSV 230.4, 53.4%, 87.5% 50.4, 53.4%, 87.5%
CMYK 53.4%, 44.8%, 0.0%, 12.5% 0.0%, 8.5%, 53.4%, 12.5%
OKLCH 0.6155 0.1519 273.1 0.8408 0.1228 98.8

Contrast & Accessibility

2.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFCC68 → Background: #687BDF

The quick brown fox jumps over the lazy dog

Text: #687BDF → Background: #DFCC68

Color Difference (Delta E)

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

Gradient

#687BDF #8887CD #A094BB #B3A2A8 #C4AF94 #D2BE7F #DFCC68

Color Mixing

#687BDF

100%

#958EC4

75:25

#B3A2A8

50:50

#CBB68A

25:75

#DFCC68

100%

CSS Gradient Code

background: linear-gradient(to right, #687BDF, #DFCC68);
background: linear-gradient(135deg, #687BDF, #DFCC68);

Explore Each Color

#687BDF

View full color details

#DFCC68

View full color details

Related Comparisons