#2C63CC

#2C63CC

#CC952C

#CC952C

Contrast Ratio

2.1:1

Delta E

121.41

Very Different

50:50 Mix

#9D7983

Color Values

Format #2C63CC #CC952C
HEX #2C63CC #CC952C
RGB 44, 99, 204 204, 149, 44
HSL 219.4, 64.5%, 48.6% 39.4, 64.5%, 48.6%
HSV 219.4, 78.4%, 80.0% 39.4, 78.4%, 80.0%
CMYK 78.4%, 51.5%, 0.0%, 20.0% 0.0%, 27.0%, 78.4%, 20.0%
OKLCH 0.5237 0.1734 261.7 0.7057 0.1322 78.9

Contrast & Accessibility

2.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC952C → Background: #2C63CC

The quick brown fox jumps over the lazy dog

Text: #2C63CC → Background: #CC952C

Color Difference (Delta E)

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

Gradient

#2C63CC #686AB4 #87719C #9D7983 #AF826A #BF8B4F #CC952C

Color Mixing

#2C63CC

100%

#796DA8

75:25

#9D7983

50:50

#B7875D

25:75

#CC952C

100%

CSS Gradient Code

background: linear-gradient(to right, #2C63CC, #CC952C);
background: linear-gradient(135deg, #2C63CC, #CC952C);

Explore Each Color

#2C63CC

View full color details

#CC952C

View full color details

Related Comparisons