#2F305A

#2F305A

#5A592F

#5A592F

Contrast Ratio

1.72:1

Delta E

55.3

Very Different

50:50 Mix

#494446

Color Values

Format #2F305A #5A592F
HEX #2F305A #5A592F
RGB 47, 48, 90 90, 89, 47
HSL 238.6, 31.4%, 26.9% 58.6, 31.4%, 26.9%
HSV 238.6, 47.8%, 35.3% 58.6, 47.8%, 35.3%
CMYK 47.8%, 46.7%, 0.0%, 64.7% 0.0%, 1.1%, 47.8%, 64.7%
OKLCH 0.3304 0.0732 280.6 0.4544 0.0613 107.4

Contrast & Accessibility

1.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5A592F → Background: #2F305A

The quick brown fox jumps over the lazy dog

Text: #2F305A → Background: #5A592F

Color Difference (Delta E)

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

Gradient

#2F305A #3A3654 #423D4D #494446 #504B3F #555237 #5A592F

Color Mixing

#2F305A

100%

#3E3A50

75:25

#494446

50:50

#524E3B

25:75

#5A592F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F305A, #5A592F);
background: linear-gradient(135deg, #2F305A, #5A592F);

Explore Each Color

#2F305A

View full color details

#5A592F

View full color details

Related Comparisons