#021E53

#021E53

#533702

#533702

Contrast Ratio

1.46:1

Delta E

70.64

Very Different

50:50 Mix

#3E2930

Color Values

Format #021E53 #533702
HEX #021E53 #533702
RGB 2, 30, 83 83, 55, 2
HSL 219.3, 95.3%, 16.7% 39.3, 95.3%, 16.7%
HSV 219.3, 97.6%, 32.5% 39.3, 97.6%, 32.5%
CMYK 97.6%, 63.9%, 0.0%, 67.5% 0.0%, 33.7%, 97.6%, 67.5%
OKLCH 0.2551 0.1027 260.9 0.3605 0.0742 76.5

Contrast & Accessibility

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #533702 → Background: #021E53

The quick brown fox jumps over the lazy dog

Text: #021E53 → Background: #533702

Color Difference (Delta E)

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

Gradient

#021E53 #242147 #33253B #3E2930 #462D23 #4D3216 #533702

Color Mixing

#021E53

100%

#2C2341

75:25

#3E2930

50:50

#4A301D

25:75

#533702

100%

CSS Gradient Code

background: linear-gradient(to right, #021E53, #533702);
background: linear-gradient(135deg, #021E53, #533702);

Explore Each Color

#021E53

View full color details

#533702

View full color details

Related Comparisons