#8FBDF3

#8FBDF3

#F3C58F

#F3C58F

Contrast Ratio

1.23:1

Delta E

66.14

Very Different

50:50 Mix

#CBC1C2

Color Values

Format #8FBDF3 #F3C58F
HEX #8FBDF3 #F3C58F
RGB 143, 189, 243 243, 197, 143
HSL 212.4, 80.6%, 75.7% 32.4, 80.6%, 75.7%
HSV 212.4, 41.2%, 95.3% 32.4, 41.2%, 95.3%
CMYK 41.2%, 22.2%, 0.0%, 4.7% 0.0%, 18.9%, 41.2%, 4.7%
OKLCH 0.7857 0.0917 252.9 0.8515 0.0872 70.7

Contrast & Accessibility

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3C58F → Background: #8FBDF3

The quick brown fox jumps over the lazy dog

Text: #8FBDF3 → Background: #F3C58F

Color Difference (Delta E)

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

Gradient

#8FBDF3 #A7BEE3 #BBBFD2 #CBC1C2 #DAC2B1 #E7C3A0 #F3C58F

Color Mixing

#8FBDF3

100%

#B1BFDA

75:25

#CBC1C2

50:50

#E1C3A9

25:75

#F3C58F

100%

CSS Gradient Code

background: linear-gradient(to right, #8FBDF3, #F3C58F);
background: linear-gradient(135deg, #8FBDF3, #F3C58F);

Explore Each Color

#8FBDF3

View full color details

#F3C58F

View full color details

Related Comparisons