#021F50

#021F50

#503302

#503302

Contrast Ratio

1.38:1

Delta E

66.46

Very Different

50:50 Mix

#3B282E

Color Values

Format #021F50 #503302
HEX #021F50 #503302
RGB 2, 31, 80 80, 51, 2
HSL 217.7, 95.1%, 16.1% 37.7, 95.1%, 16.1%
HSV 217.7, 97.5%, 31.4% 37.7, 97.5%, 31.4%
CMYK 97.5%, 61.2%, 0.0%, 68.6% 0.0%, 36.3%, 97.5%, 68.6%
OKLCH 0.2545 0.0967 259.8 0.3474 0.0723 73.6

Contrast & Accessibility

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #503302 → Background: #021F50

The quick brown fox jumps over the lazy dog

Text: #021F50 → Background: #503302

Color Difference (Delta E)

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

Gradient

#021F50 #232145 #312439 #3B282E #432B22 #4A2F15 #503302

Color Mixing

#021F50

100%

#2B233F

75:25

#3B282E

50:50

#472D1B

25:75

#503302

100%

CSS Gradient Code

background: linear-gradient(to right, #021F50, #503302);
background: linear-gradient(135deg, #021F50, #503302);

Explore Each Color

#021F50

View full color details

#503302

View full color details

Related Comparisons