#8BA3F7

#8BA3F7

#F7DF8B

#F7DF8B

Contrast Ratio

1.83:1

Delta E

92.4

Very Different

50:50 Mix

#CCC0C3

Color Values

Format #8BA3F7 #F7DF8B
HEX #8BA3F7 #F7DF8B
RGB 139, 163, 247 247, 223, 139
HSL 226.7, 87.1%, 75.7% 46.7, 87.1%, 75.7%
HSV 226.7, 43.7%, 96.9% 46.7, 43.7%, 96.9%
CMYK 43.7%, 34.0%, 0.0%, 3.1% 0.0%, 9.7%, 43.7%, 3.1%
OKLCH 0.7314 0.1252 270.9 0.9053 0.1072 94.0

Contrast & Accessibility

1.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F7DF8B → Background: #8BA3F7

The quick brown fox jumps over the lazy dog

Text: #8BA3F7 → Background: #F7DF8B

Color Difference (Delta E)

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

Gradient

#8BA3F7 #A5ACE6 #BAB6D5 #CCC0C3 #DCCAB1 #EAD49F #F7DF8B

Color Mixing

#8BA3F7

100%

#B0B1DD

75:25

#CCC0C3

50:50

#E3CFA8

25:75

#F7DF8B

100%

CSS Gradient Code

background: linear-gradient(to right, #8BA3F7, #F7DF8B);
background: linear-gradient(135deg, #8BA3F7, #F7DF8B);

Explore Each Color

#8BA3F7

View full color details

#F7DF8B

View full color details

Related Comparisons