#3071C5

#3071C5

#C58430

#C58430

Contrast Ratio

1.56:1

Delta E

103.97

Very Different

50:50 Mix

#99797F

Color Values

Format #3071C5 #C58430
HEX #3071C5 #C58430
RGB 48, 113, 197 197, 132, 48
HSL 213.8, 60.8%, 48.0% 33.8, 60.8%, 48.0%
HSV 213.8, 75.6%, 77.3% 33.8, 75.6%, 77.3%
CMYK 75.6%, 42.6%, 0.0%, 22.7% 0.0%, 33.0%, 75.6%, 22.7%
OKLCH 0.5504 0.1465 256.2 0.6653 0.1252 68.9

Contrast & Accessibility

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C58430 → Background: #3071C5

The quick brown fox jumps over the lazy dog

Text: #3071C5 → Background: #C58430

Color Difference (Delta E)

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

Gradient

#3071C5 #6673AE #837696 #99797F #AA7C67 #B8804D #C58430

Color Mixing

#3071C5

100%

#7675A2

75:25

#99797F

50:50

#B17E5A

25:75

#C58430

100%

CSS Gradient Code

background: linear-gradient(to right, #3071C5, #C58430);
background: linear-gradient(135deg, #3071C5, #C58430);

Explore Each Color

#3071C5

View full color details

#C58430

View full color details

Related Comparisons