#5497FD

#5497FD

#FDBA54

#FDBA54

Contrast Ratio

1.71:1

Delta E

117.97

Very Different

50:50 Mix

#C6A7AD

Color Values

Format #5497FD #FDBA54
HEX #5497FD #FDBA54
RGB 84, 151, 253 253, 186, 84
HSL 216.2, 97.7%, 66.1% 36.2, 97.7%, 66.1%
HSV 216.2, 66.8%, 99.2% 36.2, 66.8%, 99.2%
CMYK 66.8%, 40.3%, 0.0%, 0.8% 0.0%, 26.5%, 66.8%, 0.8%
OKLCH 0.6806 0.166 258.6 0.8327 0.1399 75.0

Contrast & Accessibility

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDBA54 → Background: #5497FD

The quick brown fox jumps over the lazy dog

Text: #5497FD → Background: #FDBA54

Color Difference (Delta E)

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

Gradient

#5497FD #8B9CE2 #ADA1C8 #C6A7AD #DBAD91 #EDB374 #FDBA54

Color Mixing

#5497FD

100%

#9D9ED5

75:25

#C6A7AD

50:50

#E5B083

25:75

#FDBA54

100%

CSS Gradient Code

background: linear-gradient(to right, #5497FD, #FDBA54);
background: linear-gradient(135deg, #5497FD, #FDBA54);

Explore Each Color

#5497FD

View full color details

#FDBA54

View full color details

Related Comparisons