#549BDF

#549BDF

#DF9854

#DF9854

Contrast Ratio

1.23:1

Delta E

89.94

Very Different

50:50 Mix

#B1999B

Color Values

Format #549BDF #DF9854
HEX #549BDF #DF9854
RGB 84, 155, 223 223, 152, 84
HSL 209.4, 68.5%, 60.2% 29.4, 68.5%, 60.2%
HSV 209.4, 62.3%, 87.5% 29.4, 62.3%, 87.5%
CMYK 62.3%, 30.5%, 0.0%, 12.5% 0.0%, 31.8%, 62.3%, 12.5%
OKLCH 0.6727 0.1242 249.2 0.7367 0.12 62.8

Contrast & Accessibility

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9854 → Background: #549BDF

The quick brown fox jumps over the lazy dog

Text: #549BDF → Background: #DF9854

Color Difference (Delta E)

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

Gradient

#549BDF #7F9AC8 #9C9AB2 #B1999B #C39984 #D2986D #DF9854

Color Mixing

#549BDF

100%

#8F9ABD

75:25

#B1999B

50:50

#CB9978

25:75

#DF9854

100%

CSS Gradient Code

background: linear-gradient(to right, #549BDF, #DF9854);
background: linear-gradient(135deg, #549BDF, #DF9854);

Explore Each Color

#549BDF

View full color details

#DF9854

View full color details

Related Comparisons