#2F2AC7

#2F2AC7

#C2C72A

#C2C72A

Contrast Ratio

5.05:1

Delta E

173.02

Very Different

50:50 Mix

Color Values

Format #2F2AC7 #C2C72A
HEX #2F2AC7 #C2C72A
RGB 47, 42, 199 194, 199, 42
HSL 241.9, 65.1%, 47.3% 61.9, 65.1%, 47.3%
HSV 241.9, 78.9%, 78.0% 61.9, 78.9%, 78.0%
CMYK 76.4%, 78.9%, 0.0%, 22.0% 2.5%, 0.0%, 78.9%, 22.0%
OKLCH 0.4227 0.2287 272.2 0.8001 0.1656 111.5

Contrast & Accessibility

5.05:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C2C72A β†’ Background: #2F2AC7

The quick brown fox jumps over the lazy dog

Text: #2F2AC7 β†’ Background: #C2C72A

Color Difference (Delta E)

173.02 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2F2AC7, #C2C72A);
background: linear-gradient(135deg, #2F2AC7, #C2C72A);

Explore Each Color

Related Comparisons