#84A8FF

#84A8FF

#FFDB84

#FFDB84

Contrast Ratio

1.74:1

Delta E

96.51

Very Different

50:50 Mix

#D0C0C4

Color Values

Format #84A8FF #FFDB84
HEX #84A8FF #FFDB84
RGB 132, 168, 255 255, 219, 132
HSL 222.4, 100.0%, 75.9% 42.4, 100.0%, 75.9%
HSV 222.4, 48.2%, 100.0% 42.4, 48.2%, 100.0%
CMYK 48.2%, 34.1%, 0.0%, 0.0% 0.0%, 14.1%, 48.2%, 0.0%
OKLCH 0.7412 0.1326 266.2 0.9035 0.1135 87.6

Contrast & Accessibility

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFDB84 → Background: #84A8FF

The quick brown fox jumps over the lazy dog

Text: #84A8FF → Background: #FFDB84

Color Difference (Delta E)

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

Gradient

#84A8FF #A3B0EC #BCB8D8 #D0C0C4 #E1C9B0 #F1D29A #FFDB84

Color Mixing

#84A8FF

100%

#B0B4E2

75:25

#D0C0C4

50:50

#E9CDA5

25:75

#FFDB84

100%

CSS Gradient Code

background: linear-gradient(to right, #84A8FF, #FFDB84);
background: linear-gradient(135deg, #84A8FF, #FFDB84);

Explore Each Color

#84A8FF

View full color details

#FFDB84

View full color details

Related Comparisons