#3C58CC

#3C58CC

#CCB03C

#CCB03C

Contrast Ratio

2.84:1

Delta E

131.04

Very Different

50:50 Mix

#9F818C

Color Values

Format #3C58CC #CCB03C
HEX #3C58CC #CCB03C
RGB 60, 88, 204 204, 176, 60
HSL 228.3, 58.5%, 51.8% 48.3, 58.5%, 51.8%
HSV 228.3, 70.6%, 80.0% 48.3, 70.6%, 80.0%
CMYK 70.6%, 56.9%, 0.0%, 20.0% 0.0%, 13.7%, 70.6%, 20.0%
OKLCH 0.5082 0.1823 268.7 0.7611 0.1348 95.2

Contrast & Accessibility

2.84:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCB03C → Background: #3C58CC

The quick brown fox jumps over the lazy dog

Text: #3C58CC → Background: #CCB03C

Color Difference (Delta E)

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

Gradient

#3C58CC #6C65B7 #8972A2 #9F818C #B09075 #BFA05C #CCB03C

Color Mixing

#3C58CC

100%

#7C6BAC

75:25

#9F818C

50:50

#B89869

25:75

#CCB03C

100%

CSS Gradient Code

background: linear-gradient(to right, #3C58CC, #CCB03C);
background: linear-gradient(135deg, #3C58CC, #CCB03C);

Explore Each Color

#3C58CC

View full color details

#CCB03C

View full color details

Related Comparisons