#020F3C

#020F3C

#3C2F02

#3C2F02

Contrast Ratio

1.41:1

Delta E

61.04

Very Different

50:50 Mix

#2B1E24

Color Values

Format #020F3C #3C2F02
HEX #020F3C #3C2F02
RGB 2, 15, 60 60, 47, 2
HSL 226.6, 93.5%, 12.2% 46.6, 93.5%, 12.2%
HSV 226.6, 96.7%, 23.5% 46.6, 96.7%, 23.5%
CMYK 96.7%, 75.0%, 0.0%, 76.5% 0.0%, 21.7%, 96.7%, 76.5%
OKLCH 0.1953 0.0889 264.0 0.311 0.0618 91.5

Contrast & Accessibility

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #3C2F02 → Background: #020F3C

The quick brown fox jumps over the lazy dog

Text: #020F3C → Background: #3C2F02

Color Difference (Delta E)

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

Gradient

#020F3C #181434 #23192C #2B1E24 #32241B #372911 #3C2F02

Color Mixing

#020F3C

100%

#1E1630

75:25

#2B1E24

50:50

#352616

25:75

#3C2F02

100%

CSS Gradient Code

background: linear-gradient(to right, #020F3C, #3C2F02);
background: linear-gradient(135deg, #020F3C, #3C2F02);

Explore Each Color

#020F3C

View full color details

#3C2F02

View full color details

Related Comparisons