#1663AE

#1663AE

#AE6116

#AE6116

Contrast Ratio

1.32:1

Delta E

100.19

Very Different

50:50 Mix

#876167

Color Values

Format #1663AE #AE6116
HEX #1663AE #AE6116
RGB 22, 99, 174 174, 97, 22
HSL 209.6, 77.6%, 38.4% 29.6, 77.6%, 38.4%
HSV 209.6, 87.4%, 68.2% 29.6, 87.4%, 68.2%
CMYK 87.4%, 43.1%, 0.0%, 31.8% 0.0%, 44.3%, 87.4%, 31.8%
OKLCH 0.4964 0.1388 252.6 0.5702 0.1282 57.9

Contrast & Accessibility

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE6116 → Background: #1663AE

The quick brown fox jumps over the lazy dog

Text: #1663AE → Background: #AE6116

Color Difference (Delta E)

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

Gradient

#1663AE #566296 #73627F #876167 #96614F #A36136 #AE6116

Color Mixing

#1663AE

100%

#66628A

75:25

#876167

50:50

#9D6143

25:75

#AE6116

100%

CSS Gradient Code

background: linear-gradient(to right, #1663AE, #AE6116);
background: linear-gradient(135deg, #1663AE, #AE6116);

Explore Each Color

#1663AE

View full color details

#AE6116

View full color details

Related Comparisons