#8ABBFD

#8ABBFD

#FDCC8A

#FDCC8A

Contrast Ratio

1.34:1

Delta E

78.09

Very Different

50:50 Mix

#D1C3C5

Color Values

Format #8ABBFD #FDCC8A
HEX #8ABBFD #FDCC8A
RGB 138, 187, 253 253, 204, 138
HSL 214.4, 96.6%, 76.7% 34.4, 96.6%, 76.7%
HSV 214.4, 45.5%, 99.2% 34.4, 45.5%, 99.2%
CMYK 45.5%, 26.1%, 0.0%, 0.8% 0.0%, 19.4%, 45.5%, 0.8%
OKLCH 0.783 0.1083 256.1 0.8737 0.0999 74.2

Contrast & Accessibility

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDCC8A → Background: #8ABBFD

The quick brown fox jumps over the lazy dog

Text: #8ABBFD → Background: #FDCC8A

Color Difference (Delta E)

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

Gradient

#8ABBFD #A7BEEA #BEC0D7 #D1C3C5 #E1C6B2 #F0C99E #FDCC8A

Color Mixing

#8ABBFD

100%

#B3BFE1

75:25

#D1C3C5

50:50

#E9C7A8

25:75

#FDCC8A

100%

CSS Gradient Code

background: linear-gradient(to right, #8ABBFD, #FDCC8A);
background: linear-gradient(135deg, #8ABBFD, #FDCC8A);

Explore Each Color

#8ABBFD

View full color details

#FDCC8A

View full color details

Related Comparisons