#213BA6

#213BA6

#A68C21

#A68C21

Contrast Ratio

2.85:1

Delta E

123.97

Very Different

50:50 Mix

#80616D

Color Values

Format #213BA6 #A68C21
HEX #213BA6 #A68C21
RGB 33, 59, 166 166, 140, 33
HSL 228.3, 66.8%, 39.0% 48.3, 66.8%, 39.0%
HSV 228.3, 80.1%, 65.1% 48.3, 80.1%, 65.1%
CMYK 80.1%, 64.5%, 0.0%, 34.9% 0.0%, 15.7%, 80.1%, 34.9%
OKLCH 0.4077 0.1742 267.2 0.6458 0.1222 94.4

Contrast & Accessibility

2.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A68C21 → Background: #213BA6

The quick brown fox jumps over the lazy dog

Text: #213BA6 → Background: #A68C21

Color Difference (Delta E)

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

Gradient

#213BA6 #534693 #6D5380 #80616D #8F6F58 #9B7D41 #A68C21

Color Mixing

#213BA6

100%

#614D8A

75:25

#80616D

50:50

#95764D

25:75

#A68C21

100%

CSS Gradient Code

background: linear-gradient(to right, #213BA6, #A68C21);
background: linear-gradient(135deg, #213BA6, #A68C21);

Explore Each Color

#213BA6

View full color details

#A68C21

View full color details

Related Comparisons