#2170A6

#2170A6

#A65721

#A65721

Contrast Ratio

1.02:1

Delta E

85.91

Very Different

50:50 Mix

#826465

Color Values

Format #2170A6 #A65721
HEX #2170A6 #A65721
RGB 33, 112, 166 166, 87, 33
HSL 204.4, 66.8%, 39.0% 24.4, 66.8%, 39.0%
HSV 204.4, 80.1%, 65.1% 24.4, 80.1%, 65.1%
CMYK 80.1%, 32.5%, 0.0%, 34.9% 0.0%, 47.6%, 80.1%, 34.9%
OKLCH 0.5248 0.1128 243.6 0.5424 0.1227 51.0

Contrast & Accessibility

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A65721 → Background: #2170A6

The quick brown fox jumps over the lazy dog

Text: #2170A6 → Background: #A65721

Color Difference (Delta E)

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

Gradient

#2170A6 #566C90 #70687A #826465 #906050 #9C5C3A #A65721

Color Mixing

#2170A6

100%

#646A85

75:25

#826465

50:50

#975E45

25:75

#A65721

100%

CSS Gradient Code

background: linear-gradient(to right, #2170A6, #A65721);
background: linear-gradient(135deg, #2170A6, #A65721);

Explore Each Color

#2170A6

View full color details

#A65721

View full color details

Related Comparisons