#3C55CC

#3C55CC

#CCB33C

#CCB33C

Contrast Ratio

3.0:1

Delta E

134.18

Very Different

50:50 Mix

#9F818C

Color Values

Format #3C55CC #CCB33C
HEX #3C55CC #CCB33C
RGB 60, 85, 204 204, 179, 60
HSL 229.6, 58.5%, 51.8% 49.6, 58.5%, 51.8%
HSV 229.6, 70.6%, 80.0% 49.6, 70.6%, 80.0%
CMYK 70.6%, 58.3%, 0.0%, 20.0% 0.0%, 12.3%, 70.6%, 20.0%
OKLCH 0.5025 0.186 269.5 0.7673 0.137 97.0

Contrast & Accessibility

3.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCB33C → Background: #3C55CC

The quick brown fox jumps over the lazy dog

Text: #3C55CC → Background: #CCB33C

Color Difference (Delta E)

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

Gradient

#3C55CC #6C63B7 #8971A2 #9F818C #B09175 #BFA25C #CCB33C

Color Mixing

#3C55CC

100%

#7C6AAD

75:25

#9F818C

50:50

#B89A69

25:75

#CCB33C

100%

CSS Gradient Code

background: linear-gradient(to right, #3C55CC, #CCB33C);
background: linear-gradient(135deg, #3C55CC, #CCB33C);

Explore Each Color

#3C55CC

View full color details

#CCB33C

View full color details

Related Comparisons