#767CFF

#767CFF

#FFF976

#FFF976

Contrast Ratio

3.13:1

Delta E

142.64

Very Different

50:50 Mix

Color Values

Format #767CFF #FFF976
HEX #767CFF #FFF976
RGB 118, 124, 255 255, 249, 118
HSL 237.4, 100.0%, 73.1% 57.4, 100.0%, 73.1%
HSV 237.4, 53.7%, 100.0% 57.4, 53.7%, 100.0%
CMYK 53.7%, 51.4%, 0.0%, 0.0% 0.0%, 2.4%, 53.7%, 0.0%
OKLCH 0.6471 0.1908 277.7 0.9616 0.1522 106.5

Contrast & Accessibility

3.13:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFF976 β†’ Background: #767CFF

The quick brown fox jumps over the lazy dog

Text: #767CFF β†’ Background: #FFF976

Color Difference (Delta E)

142.64 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #767CFF, #FFF976);
background: linear-gradient(135deg, #767CFF, #FFF976);

Explore Each Color

Related Comparisons