#2C2C3F

#2C2C3F

#3F3F2C

#3F3F2C

Contrast Ratio

1.27:1

Delta E

26.36

Very Different

50:50 Mix

#373536

Color Values

Format #2C2C3F #3F3F2C
HEX #2C2C3F #3F3F2C
RGB 44, 44, 63 63, 63, 44
HSL 240.0, 17.8%, 21.0% 60.0, 17.8%, 21.0%
HSV 240.0, 30.2%, 24.7% 60.0, 30.2%, 24.7%
CMYK 30.2%, 30.2%, 0.0%, 75.3% 0.0%, 0.0%, 30.2%, 75.3%
OKLCH 0.3018 0.0342 284.2 0.3619 0.0309 107.8

Contrast & Accessibility

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #3F3F2C → Background: #2C2C3F

The quick brown fox jumps over the lazy dog

Text: #2C2C3F → Background: #3F3F2C

Color Difference (Delta E)

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

Gradient

#2C2C3F #302F3C #333239 #373536 #3A3933 #3C3C2F #3F3F2C

Color Mixing

#2C2C3F

100%

#32313B

75:25

#373536

50:50

#3B3A31

25:75

#3F3F2C

100%

CSS Gradient Code

background: linear-gradient(to right, #2C2C3F, #3F3F2C);
background: linear-gradient(135deg, #2C2C3F, #3F3F2C);

Explore Each Color

#2C2C3F

View full color details

#3F3F2C

View full color details

Related Comparisons