#84A4FF

#84A4FF

#FFDF84

#FFDF84

Contrast Ratio

1.85:1

Delta E

100.21

Very Different

50:50 Mix

#D0C0C4

Color Values

Format #84A4FF #FFDF84
HEX #84A4FF #FFDF84
RGB 132, 164, 255 255, 223, 132
HSL 224.4, 100.0%, 75.9% 44.4, 100.0%, 75.9%
HSV 224.4, 48.2%, 100.0% 44.4, 48.2%, 100.0%
CMYK 48.2%, 35.7%, 0.0%, 0.0% 0.0%, 12.5%, 48.2%, 0.0%
OKLCH 0.7331 0.1372 268.2 0.9114 0.1162 90.6

Contrast & Accessibility

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFDF84 → Background: #84A4FF

The quick brown fox jumps over the lazy dog

Text: #84A4FF → Background: #FFDF84

Color Difference (Delta E)

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

Gradient

#84A4FF #A3ADEC #BCB6D8 #D0C0C4 #E1CAB0 #F1D49B #FFDF84

Color Mixing

#84A4FF

100%

#B0B2E2

75:25

#D0C0C4

50:50

#E9CFA5

25:75

#FFDF84

100%

CSS Gradient Code

background: linear-gradient(to right, #84A4FF, #FFDF84);
background: linear-gradient(135deg, #84A4FF, #FFDF84);

Explore Each Color

#84A4FF

View full color details

#FFDF84

View full color details

Related Comparisons