#84AFF1

#84AFF1

#F1C684

#F1C684

Contrast Ratio

1.4:1

Delta E

77.14

Very Different

50:50 Mix

#C7BABC

Color Values

Format #84AFF1 #F1C684
HEX #84AFF1 #F1C684
RGB 132, 175, 241 241, 198, 132
HSL 216.3, 79.6%, 73.1% 36.3, 79.6%, 73.1%
HSV 216.3, 45.2%, 94.5% 36.3, 45.2%, 94.5%
CMYK 45.2%, 27.4%, 0.0%, 5.5% 0.0%, 17.8%, 45.2%, 5.5%
OKLCH 0.7489 0.1067 258.7 0.8496 0.0968 77.6

Contrast & Accessibility

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F1C684 → Background: #84AFF1

The quick brown fox jumps over the lazy dog

Text: #84AFF1 → Background: #F1C684

Color Difference (Delta E)

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

Gradient

#84AFF1 #9FB2DF #B5B6CE #C7BABC #D6BEAA #E4C297 #F1C684

Color Mixing

#84AFF1

100%

#AAB4D6

75:25

#C7BABC

50:50

#DEC0A0

25:75

#F1C684

100%

CSS Gradient Code

background: linear-gradient(to right, #84AFF1, #F1C684);
background: linear-gradient(135deg, #84AFF1, #F1C684);

Explore Each Color

#84AFF1

View full color details

#F1C684

View full color details

Related Comparisons