#3C2F8C

#3C2F8C

#7F8C2F

#7F8C2F

Contrast Ratio

2.88:1

Delta E

112.55

Very Different

50:50 Mix

#6C5D64

Color Values

Format #3C2F8C #7F8C2F
HEX #3C2F8C #7F8C2F
RGB 60, 47, 140 127, 140, 47
HSL 248.4, 49.7%, 36.7% 68.4, 49.7%, 36.7%
HSV 248.4, 66.4%, 54.9% 68.4, 66.4%, 54.9%
CMYK 57.1%, 66.4%, 0.0%, 45.1% 9.3%, 0.0%, 66.4%, 45.1%
OKLCH 0.3794 0.1473 283.2 0.6107 0.1176 116.8

Contrast & Accessibility

2.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #7F8C2F → Background: #3C2F8C

The quick brown fox jumps over the lazy dog

Text: #3C2F8C → Background: #7F8C2F

Color Difference (Delta E)

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

Gradient

#3C2F8C #523E7F #614D72 #6C5D64 #746C55 #7A7C44 #7F8C2F

Color Mixing

#3C2F8C

100%

#5A4678

75:25

#6C5D64

50:50

#77744D

25:75

#7F8C2F

100%

CSS Gradient Code

background: linear-gradient(to right, #3C2F8C, #7F8C2F);
background: linear-gradient(135deg, #3C2F8C, #7F8C2F);

Explore Each Color

#3C2F8C

View full color details

#7F8C2F

View full color details

Related Comparisons