#64ACF0

#64ACF0

#F0A864

#F0A864

Contrast Ratio

1.21:1

Delta E

89.17

Very Different

50:50 Mix

#C0AAAB

Color Values

Format #64ACF0 #F0A864
HEX #64ACF0 #F0A864
RGB 100, 172, 240 240, 168, 100
HSL 209.1, 82.4%, 66.7% 29.1, 82.4%, 66.7%
HSV 209.1, 58.3%, 94.1% 29.1, 58.3%, 94.1%
CMYK 58.3%, 28.3%, 0.0%, 5.9% 0.0%, 30.0%, 58.3%, 5.9%
OKLCH 0.7256 0.1232 248.6 0.7872 0.12 63.0

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: #F0A864 → Background: #64ACF0

The quick brown fox jumps over the lazy dog

Text: #64ACF0 → Background: #F0A864

Color Difference (Delta E)

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

Gradient

#64ACF0 #8EABD9 #AAAAC2 #C0AAAB #D2A994 #E2A97D #F0A864

Color Mixing

#64ACF0

100%

#9DABCE

75:25

#C0AAAB

50:50

#DBA988

25:75

#F0A864

100%

CSS Gradient Code

background: linear-gradient(to right, #64ACF0, #F0A864);
background: linear-gradient(135deg, #64ACF0, #F0A864);

Explore Each Color

#64ACF0

View full color details

#F0A864

View full color details

Related Comparisons