#8ABCF3

#8ABCF3

#F3C18A

#F3C18A

Contrast Ratio

1.21:1

Delta E

68.53

Very Different

50:50 Mix

#CABEBF

Color Values

Format #8ABCF3 #F3C18A
HEX #8ABCF3 #F3C18A
RGB 138, 188, 243 243, 193, 138
HSL 211.4, 81.4%, 74.7% 31.4, 81.4%, 74.7%
HSV 211.4, 43.2%, 95.3% 31.4, 43.2%, 95.3%
CMYK 43.2%, 22.6%, 0.0%, 4.7% 0.0%, 20.6%, 43.2%, 4.7%
OKLCH 0.7807 0.0951 251.4 0.843 0.0912 68.7

Contrast & Accessibility

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F3C18A → Background: #8ABCF3

The quick brown fox jumps over the lazy dog

Text: #8ABCF3 → Background: #F3C18A

Color Difference (Delta E)

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

Gradient

#8ABCF3 #A4BDE2 #B8BDD0 #CABEBF #D9BFAE #E7C09C #F3C18A

Color Mixing

#8ABCF3

100%

#AFBDD9

75:25

#CABEBF

50:50

#E0C0A5

25:75

#F3C18A

100%

CSS Gradient Code

background: linear-gradient(to right, #8ABCF3, #F3C18A);
background: linear-gradient(135deg, #8ABCF3, #F3C18A);

Explore Each Color

#8ABCF3

View full color details

#F3C18A

View full color details

Related Comparisons