#4864CC

#4864CC

#CCB048

#CCB048

Contrast Ratio

2.49:1

Delta E

118.32

Very Different

50:50 Mix

#A08890

Color Values

Format #4864CC #CCB048
HEX #4864CC #CCB048
RGB 72, 100, 204 204, 176, 72
HSL 227.3, 56.4%, 54.1% 47.3, 56.4%, 54.1%
HSV 227.3, 64.7%, 80.0% 47.3, 64.7%, 80.0%
CMYK 64.7%, 51.0%, 0.0%, 20.0% 0.0%, 13.7%, 64.7%, 20.0%
OKLCH 0.5381 0.164 269.0 0.7621 0.1262 94.1

Contrast & Accessibility

2.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCB048 → Background: #4864CC

The quick brown fox jumps over the lazy dog

Text: #4864CC → Background: #CCB048

Color Difference (Delta E)

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

Gradient

#4864CC #716FB8 #8C7BA4 #A08890 #B1957A #BFA263 #CCB048

Color Mixing

#4864CC

100%

#7F75AE

75:25

#A08890

50:50

#B89B6F

25:75

#CCB048

100%

CSS Gradient Code

background: linear-gradient(to right, #4864CC, #CCB048);
background: linear-gradient(135deg, #4864CC, #CCB048);

Explore Each Color

#4864CC

View full color details

#CCB048

View full color details

Related Comparisons