#54C5EE

#54C5EE

#EE7D54

#EE7D54

Contrast Ratio

1.38:1

Delta E

93.76

Very Different

50:50 Mix

#C1A4A0

Color Values

Format #54C5EE #EE7D54
HEX #54C5EE #EE7D54
RGB 84, 197, 238 238, 125, 84
HSL 196.0, 81.9%, 63.1% 16.0, 81.9%, 63.1%
HSV 196.0, 64.7%, 93.3% 16.0, 64.7%, 93.3%
CMYK 64.7%, 17.2%, 0.0%, 6.7% 0.0%, 47.5%, 64.7%, 6.7%
OKLCH 0.7748 0.1168 225.4 0.7095 0.1501 40.3

Contrast & Accessibility

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #EE7D54 → Background: #54C5EE

The quick brown fox jumps over the lazy dog

Text: #54C5EE → Background: #EE7D54

Color Difference (Delta E)

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

Gradient

#54C5EE #8ABAD4 #AAAFBA #C1A4A0 #D39887 #E28B6D #EE7D54

Color Mixing

#54C5EE

100%

#9BB5C7

75:25

#C1A4A0

50:50

#DB917A

25:75

#EE7D54

100%

CSS Gradient Code

background: linear-gradient(to right, #54C5EE, #EE7D54);
background: linear-gradient(135deg, #54C5EE, #EE7D54);

Explore Each Color

#54C5EE

View full color details

#EE7D54

View full color details

Related Comparisons