#040C3C

#040C3C

#3C3404

#3C3404

Contrast Ratio

1.5:1

Delta E

64.74

Very Different

50:50 Mix

#2C1F25

Color Values

Format #040C3C #3C3404
HEX #040C3C #3C3404
RGB 4, 12, 60 60, 52, 4
HSL 231.4, 87.5%, 12.5% 51.4, 87.5%, 12.5%
HSV 231.4, 93.3%, 23.5% 51.4, 93.3%, 23.5%
CMYK 93.3%, 80.0%, 0.0%, 76.5% 0.0%, 13.3%, 93.3%, 76.5%
OKLCH 0.1904 0.0919 267.0 0.324 0.0639 99.2

Contrast & Accessibility

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #3C3404 → Background: #040C3C

The quick brown fox jumps over the lazy dog

Text: #040C3C → Background: #3C3404

Color Difference (Delta E)

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

Gradient

#040C3C #181334 #24192D #2C1F25 #32261C #372D13 #3C3404

Color Mixing

#040C3C

100%

#1F1631

75:25

#2C1F25

50:50

#352A18

25:75

#3C3404

100%

CSS Gradient Code

background: linear-gradient(to right, #040C3C, #3C3404);
background: linear-gradient(135deg, #040C3C, #3C3404);

Explore Each Color

#040C3C

View full color details

#3C3404

View full color details

Related Comparisons