#219BAA

#219BAA

#AA3021

#AA3021

Contrast Ratio

2.01:1

Delta E

95.03

Very Different

50:50 Mix

Color Values

Format #219BAA #AA3021
HEX #219BAA #AA3021
RGB 33, 155, 170 170, 48, 33
HSL 186.6, 67.5%, 39.8% 6.6, 67.5%, 39.8%
HSV 186.6, 80.6%, 66.7% 6.6, 80.6%, 66.7%
CMYK 80.6%, 8.8%, 0.0%, 33.3% 0.0%, 71.8%, 80.6%, 33.3%
OKLCH 0.6334 0.1018 207.7 0.4945 0.1609 30.5

Contrast & Accessibility

2.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AA3021 β†’ Background: #219BAA

The quick brown fox jumps over the lazy dog

Text: #219BAA β†’ Background: #AA3021

Color Difference (Delta E)

95.03 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #219BAA, #AA3021);
background: linear-gradient(135deg, #219BAA, #AA3021);

Explore Each Color

Related Comparisons