#509DAF

#509DAF

#AF6250

#AF6250

Contrast Ratio

1.45:1

Delta E

63.59

Very Different

50:50 Mix

Color Values

Format #509DAF #AF6250
HEX #509DAF #AF6250
RGB 80, 157, 175 175, 98, 80
HSL 191.4, 37.3%, 50.0% 11.4, 37.3%, 50.0%
HSV 191.4, 54.3%, 68.6% 11.4, 54.3%, 68.6%
CMYK 54.3%, 10.3%, 0.0%, 31.4% 0.0%, 44.0%, 54.3%, 31.4%
OKLCH 0.654 0.0803 215.0 0.5801 0.1041 34.1

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF6250 β†’ Background: #509DAF

The quick brown fox jumps over the lazy dog

Text: #509DAF β†’ Background: #AF6250

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #509DAF, #AF6250);
background: linear-gradient(135deg, #509DAF, #AF6250);

Explore Each Color

Related Comparisons