#2F29BA

#2F29BA

#B4BA29

#B4BA29

Contrast Ratio

4.66:1

Delta E

162.46

Very Different

50:50 Mix

Color Values

Format #2F29BA #B4BA29
HEX #2F29BA #B4BA29
RGB 47, 41, 186 180, 186, 41
HSL 242.5, 63.9%, 44.5% 62.5, 63.9%, 44.5%
HSV 242.5, 78.0%, 72.9% 62.5, 78.0%, 72.9%
CMYK 74.7%, 78.0%, 0.0%, 27.1% 3.2%, 0.0%, 78.0%, 27.1%
OKLCH 0.4071 0.2145 273.2 0.7598 0.1567 112.1

Contrast & Accessibility

4.66:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B4BA29 β†’ Background: #2F29BA

The quick brown fox jumps over the lazy dog

Text: #2F29BA β†’ Background: #B4BA29

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2F29BA, #B4BA29);
background: linear-gradient(135deg, #2F29BA, #B4BA29);

Explore Each Color

Related Comparisons