#0C3C20

#0C3C20

#3C0C28

#3C0C28

Contrast Ratio

1.32:1

Delta E

54.28

Very Different

50:50 Mix

#2D2825

Color Values

Format #0C3C20 #3C0C28
HEX #0C3C20 #3C0C28
RGB 12, 60, 32 60, 12, 40
HSL 145.0, 66.7%, 14.1% 325.0, 66.7%, 14.1%
HSV 145.0, 80.0%, 23.5% 325.0, 80.0%, 23.5%
CMYK 80.0%, 0.0%, 46.7%, 76.5% 0.0%, 80.0%, 33.3%, 76.5%
OKLCH 0.3164 0.071 153.3 0.2505 0.0819 348.7

Contrast & Accessibility

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #3C0C28 → Background: #0C3C20

The quick brown fox jumps over the lazy dog

Text: #0C3C20 → Background: #3C0C28

Color Difference (Delta E)

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

Gradient

#0C3C20 #1C3622 #262F23 #2D2825 #332126 #381827 #3C0C28

Color Mixing

#0C3C20

100%

#223322

75:25

#2D2825

50:50

#361D26

25:75

#3C0C28

100%

CSS Gradient Code

background: linear-gradient(to right, #0C3C20, #3C0C28);
background: linear-gradient(135deg, #0C3C20, #3C0C28);

Explore Each Color

#0C3C20

View full color details

#3C0C28

View full color details

Related Comparisons