#54BCDF

#54BCDF

#DF7754

#DF7754

Contrast Ratio

1.4:1

Delta E

86.13

Very Different

50:50 Mix

#B69C98

Color Values

Format #54BCDF #DF7754
HEX #54BCDF #DF7754
RGB 84, 188, 223 223, 119, 84
HSL 195.1, 68.5%, 60.2% 15.1, 68.5%, 60.2%
HSV 195.1, 62.3%, 87.5% 15.1, 62.3%, 87.5%
CMYK 62.3%, 15.7%, 0.0%, 12.5% 0.0%, 46.6%, 62.3%, 12.5%
OKLCH 0.7478 0.1076 223.3 0.68 0.1387 39.2

Contrast & Accessibility

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7754 → Background: #54BCDF

The quick brown fox jumps over the lazy dog

Text: #54BCDF → Background: #DF7754

Color Difference (Delta E)

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

Gradient

#54BCDF #83B2C7 #A0A7B0 #B69C98 #C69081 #D4846B #DF7754

Color Mixing

#54BCDF

100%

#93ACBB

75:25

#B69C98

50:50

#CD8A76

25:75

#DF7754

100%

CSS Gradient Code

background: linear-gradient(to right, #54BCDF, #DF7754);
background: linear-gradient(135deg, #54BCDF, #DF7754);

Explore Each Color

#54BCDF

View full color details

#DF7754

View full color details

Related Comparisons