#549ADF

#549ADF

#DF9954

#DF9954

Contrast Ratio

1.25:1

Delta E

90.41

Very Different

50:50 Mix

Color Values

Format #549ADF #DF9954
HEX #549ADF #DF9954
RGB 84, 154, 223 223, 153, 84
HSL 209.8, 68.5%, 60.2% 29.8, 68.5%, 60.2%
HSV 209.8, 62.3%, 87.5% 29.8, 62.3%, 87.5%
CMYK 62.3%, 30.9%, 0.0%, 12.5% 0.0%, 31.4%, 62.3%, 12.5%
OKLCH 0.6705 0.1251 249.9 0.7385 0.1198 63.7

Contrast & Accessibility

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9954 β†’ Background: #549ADF

The quick brown fox jumps over the lazy dog

Text: #549ADF β†’ Background: #DF9954

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #549ADF, #DF9954);
background: linear-gradient(135deg, #549ADF, #DF9954);

Explore Each Color

Related Comparisons