#54B7DF

#54B7DF

#DF7C54

#DF7C54

Contrast Ratio

1.29:1

Delta E

85.23

Very Different

50:50 Mix

#B59B99

Color Values

Format #54B7DF #DF7C54
HEX #54B7DF #DF7C54
RGB 84, 183, 223 223, 124, 84
HSL 197.3, 68.5%, 60.2% 17.3, 68.5%, 60.2%
HSV 197.3, 62.3%, 87.5% 17.3, 62.3%, 87.5%
CMYK 62.3%, 17.9%, 0.0%, 12.5% 0.0%, 44.4%, 62.3%, 12.5%
OKLCH 0.7363 0.1085 227.6 0.688 0.1345 42.2

Contrast & Accessibility

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7C54 → Background: #54B7DF

The quick brown fox jumps over the lazy dog

Text: #54B7DF → Background: #DF7C54

Color Difference (Delta E)

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

Gradient

#54B7DF #82AEC7 #9FA5B0 #B59B99 #C69282 #D3876B #DF7C54

Color Mixing

#54B7DF

100%

#92AABC

75:25

#B59B99

50:50

#CD8C76

25:75

#DF7C54

100%

CSS Gradient Code

background: linear-gradient(to right, #54B7DF, #DF7C54);
background: linear-gradient(135deg, #54B7DF, #DF7C54);

Explore Each Color

#54B7DF

View full color details

#DF7C54

View full color details

Related Comparisons