#64B4FF

#64B4FF

#FFAF64

#FFAF64

Contrast Ratio

1.22:1

Delta E

97.43

Very Different

50:50 Mix

#CBB1B3

Color Values

Format #64B4FF #FFAF64
HEX #64B4FF #FFAF64
RGB 100, 180, 255 255, 175, 100
HSL 209.0, 100.0%, 69.6% 29.0, 100.0%, 69.6%
HSV 209.0, 60.8%, 100.0% 29.0, 60.8%, 100.0%
CMYK 60.8%, 29.4%, 0.0%, 0.0% 0.0%, 31.4%, 60.8%, 0.0%
OKLCH 0.7503 0.1345 248.6 0.8166 0.1309 62.4

Contrast & Accessibility

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFAF64 → Background: #64B4FF

The quick brown fox jumps over the lazy dog

Text: #64B4FF → Background: #FFAF64

Color Difference (Delta E)

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

Gradient

#64B4FF #94B3E6 #B3B2CC #CBB1B3 #DFB099 #F0B07F #FFAF64

Color Mixing

#64B4FF

100%

#A5B2D9

75:25

#CBB1B3

50:50

#E8B08C

25:75

#FFAF64

100%

CSS Gradient Code

background: linear-gradient(to right, #64B4FF, #FFAF64);
background: linear-gradient(135deg, #64B4FF, #FFAF64);

Explore Each Color

#64B4FF

View full color details

#FFAF64

View full color details

Related Comparisons