#768FDF

#768FDF

#DFC676

#DFC676

Contrast Ratio

1.84:1

Delta E

90.0

Very Different

50:50 Mix

#B6A9AD

Color Values

Format #768FDF #DFC676
HEX #768FDF #DFC676
RGB 118, 143, 223 223, 198, 118
HSL 225.7, 62.1%, 66.9% 45.7, 62.1%, 66.9%
HSV 225.7, 47.1%, 87.5% 45.7, 47.1%, 87.5%
CMYK 47.1%, 35.9%, 0.0%, 12.5% 0.0%, 11.2%, 47.1%, 12.5%
OKLCH 0.6649 0.1226 269.7 0.8305 0.1039 92.6

Contrast & Accessibility

1.84:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFC676 → Background: #768FDF

The quick brown fox jumps over the lazy dog

Text: #768FDF → Background: #DFC676

Color Difference (Delta E)

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

Gradient

#768FDF #9097CF #A5A0BE #B6A9AD #C5B39C #D3BC89 #DFC676

Color Mixing

#768FDF

100%

#9B9CC6

75:25

#B6A9AD

50:50

#CCB793

25:75

#DFC676

100%

CSS Gradient Code

background: linear-gradient(to right, #768FDF, #DFC676);
background: linear-gradient(135deg, #768FDF, #DFC676);

Explore Each Color

#768FDF

View full color details

#DFC676

View full color details

Related Comparisons