#3225BA

#3225BA

#ADBA25

#ADBA25

Contrast Ratio

4.66:1

Delta E

165.83

Very Different

50:50 Mix

Color Values

Format #3225BA #ADBA25
HEX #3225BA #ADBA25
RGB 50, 37, 186 173, 186, 37
HSL 245.2, 66.8%, 43.7% 65.2, 66.8%, 43.7%
HSV 245.2, 80.1%, 72.9% 65.2, 80.1%, 72.9%
CMYK 73.1%, 80.1%, 0.0%, 27.1% 7.0%, 0.0%, 80.1%, 27.1%
OKLCH 0.4042 0.2171 274.5 0.7539 0.1606 114.8

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: #ADBA25 β†’ Background: #3225BA

The quick brown fox jumps over the lazy dog

Text: #3225BA β†’ Background: #ADBA25

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3225BA, #ADBA25);
background: linear-gradient(135deg, #3225BA, #ADBA25);

Explore Each Color

Related Comparisons