#2C0DA3

#2C0DA3

#84A30D

#84A30D

Contrast Ratio

4.27:1

Delta E

163.3

Very Different

50:50 Mix

#755D6B

Color Values

Format #2C0DA3 #84A30D
HEX #2C0DA3 #84A30D
RGB 44, 13, 163 132, 163, 13
HSL 252.4, 85.2%, 34.5% 72.4, 85.2%, 34.5%
HSV 252.4, 92.0%, 63.9% 72.4, 92.0%, 63.9%
CMYK 73.0%, 92.0%, 0.0%, 36.1% 19.0%, 0.0%, 92.0%, 36.1%
OKLCH 0.3511 0.2081 276.2 0.668 0.1597 122.4

Contrast & Accessibility

4.27:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #84A30D → Background: #2C0DA3

The quick brown fox jumps over the lazy dog

Text: #2C0DA3 → Background: #84A30D

Color Difference (Delta E)

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

Gradient

#2C0DA3 #532C91 #68457E #755D6B #7E7456 #838B3C #84A30D

Color Mixing

#2C0DA3

100%

#5F3988

75:25

#755D6B

50:50

#81804A

25:75

#84A30D

100%

CSS Gradient Code

background: linear-gradient(to right, #2C0DA3, #84A30D);
background: linear-gradient(135deg, #2C0DA3, #84A30D);

Explore Each Color

#2C0DA3

View full color details

#84A30D

View full color details

Related Comparisons