#0C545F

#0C545F

#5F170C

#5F170C

Contrast Ratio

1.52:1

Delta E

62.47

Very Different

50:50 Mix

#4D3A35

Color Values

Format #0C545F #5F170C
HEX #0C545F #5F170C
RGB 12, 84, 95 95, 23, 12
HSL 188.0, 77.6%, 21.0% 8.0, 77.6%, 21.0%
HSV 188.0, 87.4%, 37.3% 8.0, 87.4%, 37.3%
CMYK 87.4%, 11.6%, 0.0%, 62.7% 0.0%, 75.8%, 87.4%, 62.7%
OKLCH 0.4104 0.0671 210.9 0.3254 0.1059 31.6

Contrast & Accessibility

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5F170C → Background: #0C545F

The quick brown fox jumps over the lazy dog

Text: #0C545F → Background: #5F170C

Color Difference (Delta E)

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

Gradient

#0C545F #324C51 #434342 #4D3A35 #553027 #5B251A #5F170C

Color Mixing

#0C545F

100%

#3B4749

75:25

#4D3A35

50:50

#582B21

25:75

#5F170C

100%

CSS Gradient Code

background: linear-gradient(to right, #0C545F, #5F170C);
background: linear-gradient(135deg, #0C545F, #5F170C);

Explore Each Color

#0C545F

View full color details

#5F170C

View full color details

Related Comparisons