#64A4FA

#64A4FA

#FABA64

#FABA64

Contrast Ratio

1.49:1

Delta E

102.14

Very Different

50:50 Mix

#C7AEB1

Color Values

Format #64A4FA #FABA64
HEX #64A4FA #FABA64
RGB 100, 164, 250 250, 186, 100
HSL 214.4, 93.7%, 68.6% 34.4, 93.7%, 68.6%
HSV 214.4, 60.0%, 98.0% 34.4, 60.0%, 98.0%
CMYK 60.0%, 34.4%, 0.0%, 2.0% 0.0%, 25.6%, 60.0%, 2.0%
OKLCH 0.7134 0.1427 256.3 0.8313 0.1268 72.6

Contrast & Accessibility

1.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FABA64 → Background: #64A4FA

The quick brown fox jumps over the lazy dog

Text: #64A4FA → Background: #FABA64

Color Difference (Delta E)

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

Gradient

#64A4FA #91A7E2 #AFAACA #C7AEB1 #DAB299 #EBB67F #FABA64

Color Mixing

#64A4FA

100%

#A1A9D6

75:25

#C7AEB1

50:50

#E3B48C

25:75

#FABA64

100%

CSS Gradient Code

background: linear-gradient(to right, #64A4FA, #FABA64);
background: linear-gradient(135deg, #64A4FA, #FABA64);

Explore Each Color

#64A4FA

View full color details

#FABA64

View full color details

Related Comparisons