#84A2FF

#84A2FF

#FFE184

#FFE184

Contrast Ratio

1.9:1

Delta E

102.13

Very Different

50:50 Mix

#D0C0C4

Color Values

Format #84A2FF #FFE184
HEX #84A2FF #FFE184
RGB 132, 162, 255 255, 225, 132
HSL 225.4, 100.0%, 75.9% 45.4, 100.0%, 75.9%
HSV 225.4, 48.2%, 100.0% 45.4, 48.2%, 100.0%
CMYK 48.2%, 36.5%, 0.0%, 0.0% 0.0%, 11.8%, 48.2%, 0.0%
OKLCH 0.7291 0.1395 269.2 0.9153 0.1176 92.1

Contrast & Accessibility

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFE184 → Background: #84A2FF

The quick brown fox jumps over the lazy dog

Text: #84A2FF → Background: #FFE184

Color Difference (Delta E)

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

Gradient

#84A2FF #A3ACEC #BCB6D8 #D0C0C4 #E1CBB0 #F1D69B #FFE184

Color Mixing

#84A2FF

100%

#B0B1E2

75:25

#D0C0C4

50:50

#E9D0A6

25:75

#FFE184

100%

CSS Gradient Code

background: linear-gradient(to right, #84A2FF, #FFE184);
background: linear-gradient(135deg, #84A2FF, #FFE184);

Explore Each Color

#84A2FF

View full color details

#FFE184

View full color details

Related Comparisons