#856BDF

#856BDF

#C5DF6B

#C5DF6B

Contrast Ratio

2.74:1

Delta E

130.08

Very Different

50:50 Mix

#B2A4AA

Color Values

Format #856BDF #C5DF6B
HEX #856BDF #C5DF6B
RGB 133, 107, 223 197, 223, 107
HSL 253.4, 64.4%, 64.7% 73.4, 64.4%, 64.7%
HSV 253.4, 52.0%, 87.5% 73.4, 52.0%, 87.5%
CMYK 40.4%, 52.0%, 0.0%, 12.5% 11.7%, 0.0%, 52.0%, 12.5%
OKLCH 0.6081 0.1698 290.8 0.8605 0.1453 120.0

Contrast & Accessibility

2.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C5DF6B → Background: #856BDF

The quick brown fox jumps over the lazy dog

Text: #856BDF → Background: #C5DF6B

Color Difference (Delta E)

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

Gradient

#856BDF #987ECE #A791BC #B2A4AA #BAB897 #C1CB83 #C5DF6B

Color Mixing

#856BDF

100%

#A088C5

75:25

#B2A4AA

50:50

#BEC28D

25:75

#C5DF6B

100%

CSS Gradient Code

background: linear-gradient(to right, #856BDF, #C5DF6B);
background: linear-gradient(135deg, #856BDF, #C5DF6B);

Explore Each Color

#856BDF

View full color details

#C5DF6B

View full color details

Related Comparisons