#B284F9

#B284F9

#CBF984

#CBF984

Contrast Ratio

2.3:1

Delta E

130.35

Very Different

50:50 Mix

#C9BFC3

Color Values

Format #B284F9 #CBF984
HEX #B284F9 #CBF984
RGB 178, 132, 249 203, 249, 132
HSL 263.6, 90.7%, 74.7% 83.6, 90.7%, 74.7%
HSV 263.6, 47.0%, 97.6% 83.6, 47.0%, 97.6%
CMYK 28.5%, 47.0%, 0.0%, 2.4% 18.5%, 0.0%, 47.0%, 2.4%
OKLCH 0.7065 0.1699 300.2 0.925 0.1533 126.8

Contrast & Accessibility

2.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CBF984 → Background: #B284F9

The quick brown fox jumps over the lazy dog

Text: #B284F9 → Background: #CBF984

Color Difference (Delta E)

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

Gradient

#B284F9 #BC98E7 #C4ACD5 #C9BFC3 #CCD3AF #CDE69B #CBF984

Color Mixing

#B284F9

100%

#C0A2DE

75:25

#C9BFC3

50:50

#CCDCA5

25:75

#CBF984

100%

CSS Gradient Code

background: linear-gradient(to right, #B284F9, #CBF984);
background: linear-gradient(135deg, #B284F9, #CBF984);

Explore Each Color

#B284F9

View full color details

#CBF984

View full color details

Related Comparisons