#64AEF2

#64AEF2

#F2A864

#F2A864

Contrast Ratio

1.19:1

Delta E

89.87

Very Different

50:50 Mix

#C2ABAC

Color Values

Format #64AEF2 #F2A864
HEX #64AEF2 #F2A864
RGB 100, 174, 242 242, 168, 100
HSL 208.7, 84.5%, 67.1% 28.7, 84.5%, 67.1%
HSV 208.7, 58.7%, 94.9% 28.7, 58.7%, 94.9%
CMYK 58.7%, 28.1%, 0.0%, 5.1% 0.0%, 30.6%, 58.7%, 5.1%
OKLCH 0.7309 0.124 248.0 0.7895 0.1216 62.1

Contrast & Accessibility

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2A864 → Background: #64AEF2

The quick brown fox jumps over the lazy dog

Text: #64AEF2 → Background: #F2A864

Color Difference (Delta E)

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

Gradient

#64AEF2 #8EADDB #ABACC3 #C2ABAC #D4AA95 #E4A97D #F2A864

Color Mixing

#64AEF2

100%

#9EACCF

75:25

#C2ABAC

50:50

#DCA989

25:75

#F2A864

100%

CSS Gradient Code

background: linear-gradient(to right, #64AEF2, #F2A864);
background: linear-gradient(135deg, #64AEF2, #F2A864);

Explore Each Color

#64AEF2

View full color details

#F2A864

View full color details

Related Comparisons