#84A3FE

#84A3FE

#FEDF84

#FEDF84

Contrast Ratio

1.86:1

Delta E

100.17

Very Different

50:50 Mix

#CFC0C4

Color Values

Format #84A3FE #FEDF84
HEX #84A3FE #FEDF84
RGB 132, 163, 254 254, 223, 132
HSL 224.8, 98.4%, 75.7% 44.8, 98.4%, 75.7%
HSV 224.8, 48.0%, 99.6% 44.8, 48.0%, 99.6%
CMYK 48.0%, 35.8%, 0.0%, 0.4% 0.0%, 12.2%, 48.0%, 0.4%
OKLCH 0.7306 0.137 268.6 0.9105 0.1159 91.2

Contrast & Accessibility

1.86:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FEDF84 → Background: #84A3FE

The quick brown fox jumps over the lazy dog

Text: #84A3FE → Background: #FEDF84

Color Difference (Delta E)

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

Gradient

#84A3FE #A3ACEB #BBB6D8 #CFC0C4 #E1CAB0 #F0D49B #FEDF84

Color Mixing

#84A3FE

100%

#B0B1E1

75:25

#CFC0C4

50:50

#E9CFA5

25:75

#FEDF84

100%

CSS Gradient Code

background: linear-gradient(to right, #84A3FE, #FEDF84);
background: linear-gradient(135deg, #84A3FE, #FEDF84);

Explore Each Color

#84A3FE

View full color details

#FEDF84

View full color details

Related Comparisons