#66ACF5

#66ACF5

#F5AF66

#F5AF66

Contrast Ratio

1.28:1

Delta E

92.44

Very Different

50:50 Mix

#C4ADAF

Color Values

Format #66ACF5 #F5AF66
HEX #66ACF5 #F5AF66
RGB 102, 172, 245 245, 175, 102
HSL 210.6, 87.7%, 68.0% 30.6, 87.7%, 68.0%
HSV 210.6, 58.4%, 96.1% 30.6, 58.4%, 96.1%
CMYK 58.4%, 29.8%, 0.0%, 3.9% 0.0%, 28.6%, 58.4%, 3.9%
OKLCH 0.7289 0.1283 250.9 0.8058 0.1216 65.7

Contrast & Accessibility

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F5AF66 → Background: #66ACF5

The quick brown fox jumps over the lazy dog

Text: #66ACF5 → Background: #F5AF66

Color Difference (Delta E)

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

Gradient

#66ACF5 #90ACDE #ADADC6 #C4ADAF #D7AE97 #E7AE7F #F5AF66

Color Mixing

#66ACF5

100%

#A0ACD2

75:25

#C4ADAF

50:50

#DFAE8B

25:75

#F5AF66

100%

CSS Gradient Code

background: linear-gradient(to right, #66ACF5, #F5AF66);
background: linear-gradient(135deg, #66ACF5, #F5AF66);

Explore Each Color

#66ACF5

View full color details

#F5AF66

View full color details

Related Comparisons