#326AAA

#326AAA

#AA7232

#AA7232

Contrast Ratio

1.37:1

Delta E

84.27

Very Different

50:50 Mix

#856D70

Color Values

Format #326AAA #AA7232
HEX #326AAA #AA7232
RGB 50, 106, 170 170, 114, 50
HSL 212.0, 54.5%, 43.1% 32.0, 54.5%, 43.1%
HSV 212.0, 70.6%, 66.7% 32.0, 70.6%, 66.7%
CMYK 70.6%, 37.6%, 0.0%, 33.3% 0.0%, 32.9%, 70.6%, 33.3%
OKLCH 0.5183 0.1176 253.6 0.5985 0.1063 66.7

Contrast & Accessibility

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AA7232 → Background: #326AAA

The quick brown fox jumps over the lazy dog

Text: #326AAA → Background: #AA7232

Color Difference (Delta E)

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

Gradient

#326AAA #5B6B97 #736C83 #856D70 #936F5D #9F7048 #AA7232

Color Mixing

#326AAA

100%

#686B8D

75:25

#856D70

50:50

#996F53

25:75

#AA7232

100%

CSS Gradient Code

background: linear-gradient(to right, #326AAA, #AA7232);
background: linear-gradient(135deg, #326AAA, #AA7232);

Explore Each Color

#326AAA

View full color details

#AA7232

View full color details

Related Comparisons