#0C2F77

#0C2F77

#77540C

#77540C

Contrast Ratio

1.81:1

Delta E

89.7

Very Different

50:50 Mix

#5A3F48

Color Values

Format #0C2F77 #77540C
HEX #0C2F77 #77540C
RGB 12, 47, 119 119, 84, 12
HSL 220.4, 81.7%, 25.7% 40.4, 81.7%, 25.7%
HSV 220.4, 89.9%, 46.7% 40.4, 89.9%, 46.7%
CMYK 89.9%, 60.5%, 0.0%, 53.3% 0.0%, 29.4%, 89.9%, 53.3%
OKLCH 0.3318 0.1297 262.4 0.4716 0.0932 79.0

Contrast & Accessibility

1.81:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #77540C → Background: #0C2F77

The quick brown fox jumps over the lazy dog

Text: #0C2F77 → Background: #77540C

Color Difference (Delta E)

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

Gradient

#0C2F77 #383467 #4C3958 #5A3F48 #654638 #6F4D26 #77540C

Color Mixing

#0C2F77

100%

#433660

75:25

#5A3F48

50:50

#6A492F

25:75

#77540C

100%

CSS Gradient Code

background: linear-gradient(to right, #0C2F77, #77540C);
background: linear-gradient(135deg, #0C2F77, #77540C);

Explore Each Color

#0C2F77

View full color details

#77540C

View full color details

Related Comparisons