#216682

#216682

#823D21

#823D21

Contrast Ratio

1.25:1

Delta E

65.5

Very Different

50:50 Mix

#685351

Color Values

Format #216682 #823D21
HEX #216682 #823D21
RGB 33, 102, 130 130, 61, 33
HSL 197.3, 59.5%, 32.0% 17.3, 59.5%, 32.0%
HSV 197.3, 74.6%, 51.0% 17.3, 74.6%, 51.0%
CMYK 74.6%, 21.5%, 0.0%, 49.0% 0.0%, 53.1%, 74.6%, 49.0%
OKLCH 0.4805 0.0806 229.2 0.4447 0.1036 41.7

Contrast & Accessibility

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #823D21 → Background: #216682

The quick brown fox jumps over the lazy dog

Text: #216682 → Background: #823D21

Color Difference (Delta E)

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

Gradient

#216682 #466071 #5A5A61 #685351 #724C41 #7B4531 #823D21

Color Mixing

#216682

100%

#515D69

75:25

#685351

50:50

#774939

25:75

#823D21

100%

CSS Gradient Code

background: linear-gradient(to right, #216682, #823D21);
background: linear-gradient(135deg, #216682, #823D21);

Explore Each Color

#216682

View full color details

#823D21

View full color details

Related Comparisons