#0F172C

#0F172C

#2C240F

#2C240F

Contrast Ratio

1.16:1

Delta E

31.2

Very Different

50:50 Mix

Color Values

Format #0F172C #2C240F
HEX #0F172C #2C240F
RGB 15, 23, 44 44, 36, 15
HSL 223.4, 49.2%, 11.6% 43.4, 49.2%, 11.6%
HSV 223.4, 65.9%, 17.3% 43.4, 65.9%, 17.3%
CMYK 65.9%, 47.7%, 0.0%, 82.7% 0.0%, 18.2%, 65.9%, 82.7%
OKLCH 0.2091 0.0435 266.9 0.2638 0.0363 89.0

Contrast & Accessibility

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #2C240F → Background: #0F172C

The quick brown fox jumps over the lazy dog

Text: #0F172C → Background: #2C240F

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #0F172C, #2C240F);
background: linear-gradient(135deg, #0F172C, #2C240F);

Explore Each Color

Related Comparisons