#21627F

#21627F

#7F3E21

#7F3E21

Contrast Ratio

1.19:1

Delta E

63.56

Very Different

50:50 Mix

#655150

Color Values

Format #21627F #7F3E21
HEX #21627F #7F3E21
RGB 33, 98, 127 127, 62, 33
HSL 198.5, 58.8%, 31.4% 18.5, 58.8%, 31.4%
HSV 198.5, 74.0%, 49.8% 18.5, 74.0%, 49.8%
CMYK 74.0%, 22.8%, 0.0%, 50.2% 0.0%, 51.2%, 74.0%, 50.2%
OKLCH 0.4687 0.0795 231.4 0.4418 0.0992 43.4

Contrast & Accessibility

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #7F3E21 → Background: #21627F

The quick brown fox jumps over the lazy dog

Text: #21627F → Background: #7F3E21

Color Difference (Delta E)

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

Gradient

#21627F #445D6F #57575F #655150 #6F4B40 #784531 #7F3E21

Color Mixing

#21627F

100%

#4E5A67

75:25

#655150

50:50

#744839

25:75

#7F3E21

100%

CSS Gradient Code

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

Explore Each Color

#21627F

View full color details

#7F3E21

View full color details

Related Comparisons