#54ABDF

#54ABDF

#DF8854

#DF8854

Contrast Ratio

1.06:1

Delta E

85.17

Very Different

50:50 Mix

#B39A9A

Color Values

Format #54ABDF #DF8854
HEX #54ABDF #DF8854
RGB 84, 171, 223 223, 136, 84
HSL 202.4, 68.5%, 60.2% 22.4, 68.5%, 60.2%
HSV 202.4, 62.3%, 87.5% 22.4, 62.3%, 87.5%
CMYK 62.3%, 23.3%, 0.0%, 12.5% 0.0%, 39.0%, 62.3%, 12.5%
OKLCH 0.7088 0.1131 237.6 0.7082 0.1263 50.4

Contrast & Accessibility

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF8854 → Background: #54ABDF

The quick brown fox jumps over the lazy dog

Text: #54ABDF → Background: #DF8854

Color Difference (Delta E)

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

Gradient

#54ABDF #81A6C8 #9DA0B1 #B39A9A #C49483 #D38E6C #DF8854

Color Mixing

#54ABDF

100%

#90A3BC

75:25

#B39A9A

50:50

#CC9177

25:75

#DF8854

100%

CSS Gradient Code

background: linear-gradient(to right, #54ABDF, #DF8854);
background: linear-gradient(135deg, #54ABDF, #DF8854);

Explore Each Color

#54ABDF

View full color details

#DF8854

View full color details

Related Comparisons