#0C223F

#0C223F

#3F290C

#3F290C

Contrast Ratio

1.17:1

Delta E

43.6

Very Different

50:50 Mix

#2F2527

Color Values

Format #0C223F #3F290C
HEX #0C223F #3F290C
RGB 12, 34, 63 63, 41, 12
HSL 214.1, 68.0%, 14.7% 34.1, 68.0%, 14.7%
HSV 214.1, 81.0%, 24.7% 34.1, 81.0%, 24.7%
CMYK 81.0%, 46.0%, 0.0%, 75.3% 0.0%, 34.9%, 81.0%, 75.3%
OKLCH 0.2518 0.0618 256.3 0.3014 0.0534 70.5

Contrast & Accessibility

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #3F290C → Background: #0C223F

The quick brown fox jumps over the lazy dog

Text: #0C223F → Background: #3F290C

Color Difference (Delta E)

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

Gradient

#0C223F #1D2337 #27242F #2F2527 #35261F #3A2816 #3F290C

Color Mixing

#0C223F

100%

#232333

75:25

#2F2527

50:50

#38271B

25:75

#3F290C

100%

CSS Gradient Code

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

Explore Each Color

#0C223F

View full color details

#3F290C

View full color details

Related Comparisons