#548CFD

#548CFD

#FDC554

#FDC554

Contrast Ratio

2.03:1

Delta E

126.57

Very Different

50:50 Mix

#C6A6AE

Color Values

Format #548CFD #FDC554
HEX #548CFD #FDC554
RGB 84, 140, 253 253, 197, 84
HSL 220.1, 97.7%, 66.1% 40.1, 97.7%, 66.1%
HSV 220.1, 66.8%, 99.2% 40.1, 66.8%, 99.2%
CMYK 66.8%, 44.7%, 0.0%, 0.8% 0.0%, 22.1%, 66.8%, 0.8%
OKLCH 0.6578 0.1782 262.7 0.8534 0.1425 82.1

Contrast & Accessibility

2.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDC554 → Background: #548CFD

The quick brown fox jumps over the lazy dog

Text: #548CFD → Background: #FDC554

Color Difference (Delta E)

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

Gradient

#548CFD #8B94E3 #AC9DC9 #C6A6AE #DBB093 #EDBA75 #FDC554

Color Mixing

#548CFD

100%

#9D98D6

75:25

#C6A6AE

50:50

#E4B584

25:75

#FDC554

100%

CSS Gradient Code

background: linear-gradient(to right, #548CFD, #FDC554);
background: linear-gradient(135deg, #548CFD, #FDC554);

Explore Each Color

#548CFD

View full color details

#FDC554

View full color details

Related Comparisons