#8097F3

#8097F3

#F3DC80

#F3DC80

Contrast Ratio

2.01:1

Delta E

101.38

Very Different

50:50 Mix

#C7B8BD

Color Values

Format #8097F3 #F3DC80
HEX #8097F3 #F3DC80
RGB 128, 151, 243 243, 220, 128
HSL 228.0, 82.7%, 72.7% 48.0, 82.7%, 72.7%
HSV 228.0, 47.3%, 95.3% 48.0, 47.3%, 95.3%
CMYK 47.3%, 37.9%, 0.0%, 4.7% 0.0%, 9.5%, 47.3%, 4.7%
OKLCH 0.6982 0.1376 271.8 0.8941 0.1153 95.7

Contrast & Accessibility

2.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3DC80 → Background: #8097F3

The quick brown fox jumps over the lazy dog

Text: #8097F3 → Background: #F3DC80

Color Difference (Delta E)

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

Gradient

#8097F3 #9DA2E1 #B4ADCF #C7B8BD #D7C4AA #E6D096 #F3DC80

Color Mixing

#8097F3

100%

#A9A7D8

75:25

#C7B8BD

50:50

#DFCAA0

25:75

#F3DC80

100%

CSS Gradient Code

background: linear-gradient(to right, #8097F3, #F3DC80);
background: linear-gradient(135deg, #8097F3, #F3DC80);

Explore Each Color

#8097F3

View full color details

#F3DC80

View full color details

Related Comparisons