#0C104F

#0C104F

#4F4B0C

#4F4B0C

Contrast Ratio

1.95:1

Delta E

82.77

Very Different

50:50 Mix

#3C2C33

Color Values

Format #0C104F #4F4B0C
HEX #0C104F #4F4B0C
RGB 12, 16, 79 79, 75, 12
HSL 236.4, 73.6%, 17.8% 56.4, 73.6%, 17.8%
HSV 236.4, 84.8%, 31.0% 56.4, 84.8%, 31.0%
CMYK 84.8%, 79.7%, 0.0%, 69.0% 0.0%, 5.1%, 84.8%, 69.0%
OKLCH 0.2263 0.1121 270.6 0.4044 0.0796 105.6

Contrast & Accessibility

1.95:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #4F4B0C → Background: #0C104F

The quick brown fox jumps over the lazy dog

Text: #0C104F → Background: #4F4B0C

Color Difference (Delta E)

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

Gradient

#0C104F #251946 #32223D #3C2C33 #443629 #4A411D #4F4B0C

Color Mixing

#0C104F

100%

#2C1E42

75:25

#3C2C33

50:50

#473B23

25:75

#4F4B0C

100%

CSS Gradient Code

background: linear-gradient(to right, #0C104F, #4F4B0C);
background: linear-gradient(135deg, #0C104F, #4F4B0C);

Explore Each Color

#0C104F

View full color details

#4F4B0C

View full color details

Related Comparisons