#64A5DF

#64A5DF

#DF9E64

#DF9E64

Contrast Ratio

1.15:1

Delta E

78.66

Very Different

50:50 Mix

#B4A1A2

Color Values

Format #64A5DF #DF9E64
HEX #64A5DF #DF9E64
RGB 100, 165, 223 223, 158, 100
HSL 208.3, 65.8%, 63.3% 28.3, 65.8%, 63.3%
HSV 208.3, 55.2%, 87.5% 28.3, 55.2%, 87.5%
CMYK 55.2%, 26.0%, 0.0%, 12.5% 0.0%, 29.1%, 55.2%, 12.5%
OKLCH 0.7021 0.1086 247.0 0.7499 0.1076 61.8

Contrast & Accessibility

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9E64 → Background: #64A5DF

The quick brown fox jumps over the lazy dog

Text: #64A5DF → Background: #DF9E64

Color Difference (Delta E)

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

Gradient

#64A5DF #87A4CB #A0A3B6 #B4A1A2 #C4A08E #D29F79 #DF9E64

Color Mixing

#64A5DF

100%

#94A3C1

75:25

#B4A1A2

50:50

#CCA084

25:75

#DF9E64

100%

CSS Gradient Code

background: linear-gradient(to right, #64A5DF, #DF9E64);
background: linear-gradient(135deg, #64A5DF, #DF9E64);

Explore Each Color

#64A5DF

View full color details

#DF9E64

View full color details

Related Comparisons