#54BDF4

#54BDF4

#F48B54

#F48B54

Contrast Ratio

1.15:1

Delta E

95.96

Very Different

50:50 Mix

#C4A6A4

Color Values

Format #54BDF4 #F48B54
HEX #54BDF4 #F48B54
RGB 84, 189, 244 244, 139, 84
HSL 200.6, 87.9%, 64.3% 20.6, 87.9%, 64.3%
HSV 200.6, 65.6%, 95.7% 20.6, 65.6%, 95.7%
CMYK 65.6%, 22.5%, 0.0%, 4.3% 0.0%, 43.0%, 65.6%, 4.3%
OKLCH 0.7592 0.1244 234.7 0.7397 0.1458 47.1

Contrast & Accessibility

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F48B54 → Background: #54BDF4

The quick brown fox jumps over the lazy dog

Text: #54BDF4 → Background: #F48B54

Color Difference (Delta E)

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

Gradient

#54BDF4 #8BB5D9 #ACAEBE #C4A6A4 #D79D8A #E7946F #F48B54

Color Mixing

#54BDF4

100%

#9DB2CC

75:25

#C4A6A4

50:50

#DF997C

25:75

#F48B54

100%

CSS Gradient Code

background: linear-gradient(to right, #54BDF4, #F48B54);
background: linear-gradient(135deg, #54BDF4, #F48B54);

Explore Each Color

#54BDF4

View full color details

#F48B54

View full color details

Related Comparisons