#3081C5

#3081C5

#C57430

#C57430

Contrast Ratio

1.17:1

Delta E

95.79

Very Different

50:50 Mix

#9A7A7D

Color Values

Format #3081C5 #C57430
HEX #3081C5 #C57430
RGB 48, 129, 197 197, 116, 48
HSL 207.4, 60.8%, 48.0% 27.4, 60.8%, 48.0%
HSV 207.4, 75.6%, 77.3% 27.4, 75.6%, 77.3%
CMYK 75.6%, 34.5%, 0.0%, 22.7% 0.0%, 41.1%, 75.6%, 22.7%
OKLCH 0.5868 0.13 247.8 0.6362 0.1299 56.9

Contrast & Accessibility

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C57430 → Background: #3081C5

The quick brown fox jumps over the lazy dog

Text: #3081C5 → Background: #C57430

Color Difference (Delta E)

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

Gradient

#3081C5 #677FAD #857D95 #9A7A7D #AB7865 #B9764C #C57430

Color Mixing

#3081C5

100%

#787EA1

75:25

#9A7A7D

50:50

#B27758

25:75

#C57430

100%

CSS Gradient Code

background: linear-gradient(to right, #3081C5, #C57430);
background: linear-gradient(135deg, #3081C5, #C57430);

Explore Each Color

#3081C5

View full color details

#C57430

View full color details

Related Comparisons