#2F2F7D

#2F2F7D

#7D7D2F

#7D7D2F

Contrast Ratio

2.66:1

Delta E

96.79

Very Different

50:50 Mix

#63545B

Color Values

Format #2F2F7D #7D7D2F
HEX #2F2F7D #7D7D2F
RGB 47, 47, 125 125, 125, 47
HSL 240.0, 45.3%, 33.7% 60.0, 45.3%, 33.7%
HSV 240.0, 62.4%, 49.0% 60.0, 62.4%, 49.0%
CMYK 62.4%, 62.4%, 0.0%, 51.0% 0.0%, 0.0%, 62.4%, 51.0%
OKLCH 0.3555 0.1288 277.6 0.5735 0.1001 109.2

Contrast & Accessibility

2.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #7D7D2F → Background: #2F2F7D

The quick brown fox jumps over the lazy dog

Text: #2F2F7D → Background: #7D7D2F

Color Difference (Delta E)

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

Gradient

#2F2F7D #473B72 #574867 #63545B #6D624E #766F40 #7D7D2F

Color Mixing

#2F2F7D

100%

#4F416C

75:25

#63545B

50:50

#726847

25:75

#7D7D2F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F2F7D, #7D7D2F);
background: linear-gradient(135deg, #2F2F7D, #7D7D2F);

Explore Each Color

#2F2F7D

View full color details

#7D7D2F

View full color details

Related Comparisons