#0C87AC

#0C87AC

#AC310C

#AC310C

Contrast Ratio

1.59:1

Delta E

100.77

Very Different

50:50 Mix

#8C635D

Color Values

Format #0C87AC #AC310C
HEX #0C87AC #AC310C
RGB 12, 135, 172 172, 49, 12
HSL 193.9, 87.0%, 36.1% 13.9, 87.0%, 36.1%
HSV 193.9, 93.0%, 67.5% 13.9, 93.0%, 67.5%
CMYK 93.0%, 21.5%, 0.0%, 32.5% 0.0%, 71.5%, 93.0%, 32.5%
OKLCH 0.5814 0.1091 226.3 0.4976 0.1651 35.4

Contrast & Accessibility

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AC310C → Background: #0C87AC

The quick brown fox jumps over the lazy dog

Text: #0C87AC → Background: #AC310C

Color Difference (Delta E)

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

Gradient

#0C87AC #5B7B91 #796F77 #8C635D #9A5544 #A4452A #AC310C

Color Mixing

#0C87AC

100%

#6C7584

75:25

#8C635D

50:50

#9F4D37

25:75

#AC310C

100%

CSS Gradient Code

background: linear-gradient(to right, #0C87AC, #AC310C);
background: linear-gradient(135deg, #0C87AC, #AC310C);

Explore Each Color

#0C87AC

View full color details

#AC310C

View full color details

Related Comparisons