#21637F

#21637F

#7F3D21

#7F3D21

Contrast Ratio

1.22:1

Delta E

63.66

Very Different

50:50 Mix

#655150

Color Values

Format #21637F #7F3D21
HEX #21637F #7F3D21
RGB 33, 99, 127 127, 61, 33
HSL 197.9, 58.8%, 31.4% 17.9, 58.8%, 31.4%
HSV 197.9, 74.0%, 49.8% 17.9, 74.0%, 49.8%
CMYK 74.0%, 22.0%, 0.0%, 50.2% 0.0%, 52.0%, 74.0%, 50.2%
OKLCH 0.4713 0.079 230.2 0.44 0.1001 42.5

Contrast & Accessibility

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #7F3D21 → Background: #21637F

The quick brown fox jumps over the lazy dog

Text: #21637F → Background: #7F3D21

Color Difference (Delta E)

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

Gradient

#21637F #445D6F #57585F #655150 #704B40 #784431 #7F3D21

Color Mixing

#21637F

100%

#4F5A67

75:25

#655150

50:50

#744839

25:75

#7F3D21

100%

CSS Gradient Code

background: linear-gradient(to right, #21637F, #7F3D21);
background: linear-gradient(135deg, #21637F, #7F3D21);

Explore Each Color

#21637F

View full color details

#7F3D21

View full color details

Related Comparisons