#56A2FD

#56A2FD

#FDB156

#FDB156

Contrast Ratio

1.45:1

Delta E

110.19

Very Different

50:50 Mix

#C7A8AC

Color Values

Format #56A2FD #FDB156
HEX #56A2FD #FDB156
RGB 86, 162, 253 253, 177, 86
HSL 212.7, 97.7%, 66.5% 32.7, 97.7%, 66.5%
HSV 212.7, 66.0%, 99.2% 32.7, 66.0%, 99.2%
CMYK 66.0%, 36.0%, 0.0%, 0.8% 0.0%, 30.0%, 66.0%, 0.8%
OKLCH 0.7048 0.1539 254.3 0.8164 0.1383 68.5

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDB156 → Background: #56A2FD

The quick brown fox jumps over the lazy dog

Text: #56A2FD → Background: #FDB156

Color Difference (Delta E)

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

Gradient

#56A2FD #8CA4E2 #AEA6C7 #C7A8AC #DCAB91 #EEAE75 #FDB156

Color Mixing

#56A2FD

100%

#9EA5D5

75:25

#C7A8AC

50:50

#E5AC83

25:75

#FDB156

100%

CSS Gradient Code

background: linear-gradient(to right, #56A2FD, #FDB156);
background: linear-gradient(135deg, #56A2FD, #FDB156);

Explore Each Color

#56A2FD

View full color details

#FDB156

View full color details

Related Comparisons