#3C70DA

#3C70DA

#DAA63C

#DAA63C

Contrast Ratio

2.1:1

Delta E

121.39

Very Different

50:50 Mix

#A98991

Color Values

Format #3C70DA #DAA63C
HEX #3C70DA #DAA63C
RGB 60, 112, 218 218, 166, 60
HSL 220.3, 68.1%, 54.5% 40.3, 68.1%, 54.5%
HSV 220.3, 72.5%, 85.5% 40.3, 72.5%, 85.5%
CMYK 72.5%, 48.6%, 0.0%, 14.5% 0.0%, 23.9%, 72.5%, 14.5%
OKLCH 0.5668 0.172 262.6 0.7552 0.1337 81.6

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: #DAA63C → Background: #3C70DA

The quick brown fox jumps over the lazy dog

Text: #3C70DA → Background: #DAA63C

Color Difference (Delta E)

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

Gradient

#3C70DA #7377C2 #9280AA #A98991 #BC9278 #CC9C5D #DAA63C

Color Mixing

#3C70DA

100%

#847BB6

75:25

#A98991

50:50

#C4976B

25:75

#DAA63C

100%

CSS Gradient Code

background: linear-gradient(to right, #3C70DA, #DAA63C);
background: linear-gradient(135deg, #3C70DA, #DAA63C);

Explore Each Color

#3C70DA

View full color details

#DAA63C

View full color details

Related Comparisons