#B2DF96

#B2DF96

#C396DF

#C396DF

Contrast Ratio

1.59:1

Delta E

86.0

Very Different

50:50 Mix

#BFBCBC

Color Values

Format #B2DF96 #C396DF
HEX #B2DF96 #C396DF
RGB 178, 223, 150 195, 150, 223
HSL 97.0, 53.3%, 73.1% 277.0, 53.3%, 73.1%
HSV 97.0, 32.7%, 87.5% 277.0, 32.7%, 87.5%
CMYK 20.2%, 0.0%, 32.7%, 12.5% 12.6%, 32.7%, 0.0%, 12.5%
OKLCH 0.854 0.1082 134.0 0.7409 0.1132 311.9

Contrast & Accessibility

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C396DF → Background: #B2DF96

The quick brown fox jumps over the lazy dog

Text: #B2DF96 → Background: #C396DF

Color Difference (Delta E)

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

Gradient

#B2DF96 #B7D3A3 #BCC8B0 #BFBCBC #C1AFC8 #C3A3D4 #C396DF

Color Mixing

#B2DF96

100%

#BACDAA

75:25

#BFBCBC

50:50

#C2A9CE

25:75

#C396DF

100%

CSS Gradient Code

background: linear-gradient(to right, #B2DF96, #C396DF);
background: linear-gradient(135deg, #B2DF96, #C396DF);

Explore Each Color

#B2DF96

View full color details

#C396DF

View full color details

Related Comparisons