#0F334F

#0F334F

#4F2B0F

#4F2B0F

Contrast Ratio

1.05:1

Delta E

48.06

Very Different

50:50 Mix

#3C2F30

Color Values

Format #0F334F #4F2B0F
HEX #0F334F #4F2B0F
RGB 15, 51, 79 79, 43, 15
HSL 206.2, 68.1%, 18.4% 26.3, 68.1%, 18.4%
HSV 206.2, 81.0%, 31.0% 26.3, 81.0%, 31.0%
CMYK 81.0%, 35.4%, 0.0%, 69.0% 0.0%, 45.6%, 81.0%, 69.0%
OKLCH 0.3107 0.0647 245.7 0.33 0.0667 55.3

Contrast & Accessibility

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #4F2B0F → Background: #0F334F

The quick brown fox jumps over the lazy dog

Text: #0F334F → Background: #4F2B0F

Color Difference (Delta E)

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

Gradient

#0F334F #263244 #33303A #3C2F30 #442E25 #4A2C1B #4F2B0F

Color Mixing

#0F334F

100%

#2D313F

75:25

#3C2F30

50:50

#472D20

25:75

#4F2B0F

100%

CSS Gradient Code

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

Explore Each Color

#0F334F

View full color details

#4F2B0F

View full color details

Related Comparisons