#64DAF0

#64DAF0

#F07A64

#F07A64

Contrast Ratio

1.67:1

Delta E

90.2

Very Different

50:50 Mix

#C7AEA8

Color Values

Format #64DAF0 #F07A64
HEX #64DAF0 #F07A64
RGB 100, 218, 240 240, 122, 100
HSL 189.4, 82.4%, 66.7% 9.4, 82.4%, 66.7%
HSV 189.4, 58.3%, 94.1% 9.4, 58.3%, 94.1%
CMYK 58.3%, 9.2%, 0.0%, 5.9% 0.0%, 49.2%, 58.3%, 5.9%
OKLCH 0.8289 0.1098 211.6 0.7101 0.1498 32.0

Contrast & Accessibility

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F07A64 → Background: #64DAF0

The quick brown fox jumps over the lazy dog

Text: #64DAF0 → Background: #F07A64

Color Difference (Delta E)

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

Gradient

#64DAF0 #93CCD8 #B1BDC0 #C7AEA8 #D89E91 #E58D7A #F07A64

Color Mixing

#64DAF0

100%

#A3C4CC

75:25

#C7AEA8

50:50

#DF9586

25:75

#F07A64

100%

CSS Gradient Code

background: linear-gradient(to right, #64DAF0, #F07A64);
background: linear-gradient(135deg, #64DAF0, #F07A64);

Explore Each Color

#64DAF0

View full color details

#F07A64

View full color details

Related Comparisons