#54ABFD

#54ABFD

#FDA654

#FDA654

Contrast Ratio

1.25:1

Delta E

106.25

Very Different

50:50 Mix

#C8A8AB

Color Values

Format #54ABFD #FDA654
HEX #54ABFD #FDA654
RGB 84, 171, 253 253, 166, 84
HSL 209.1, 97.7%, 66.1% 29.1, 97.7%, 66.1%
HSV 209.1, 66.8%, 99.2% 29.1, 66.8%, 99.2%
CMYK 66.8%, 32.4%, 0.0%, 0.8% 0.0%, 34.4%, 66.8%, 0.8%
OKLCH 0.7235 0.1464 249.3 0.7965 0.1413 61.6

Contrast & Accessibility

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDA654 → Background: #54ABFD

The quick brown fox jumps over the lazy dog

Text: #54ABFD → Background: #FDA654

Color Difference (Delta E)

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

Gradient

#54ABFD #8CAAE1 #AEA9C6 #C8A8AB #DCA78F #EEA773 #FDA654

Color Mixing

#54ABFD

100%

#9FA9D4

75:25

#C8A8AB

50:50

#E6A781

25:75

#FDA654

100%

CSS Gradient Code

background: linear-gradient(to right, #54ABFD, #FDA654);
background: linear-gradient(135deg, #54ABFD, #FDA654);

Explore Each Color

#54ABFD

View full color details

#FDA654

View full color details

Related Comparisons