#4A87FD

#4A87FD

#FDC04A

#FDC04A

Contrast Ratio

2.08:1

Delta E

132.16

Very Different

50:50 Mix

#C5A1AA

Color Values

Format #4A87FD #FDC04A
HEX #4A87FD #FDC04A
RGB 74, 135, 253 253, 192, 74
HSL 219.6, 97.8%, 64.1% 39.6, 97.8%, 64.1%
HSV 219.6, 70.8%, 99.2% 39.6, 70.8%, 99.2%
CMYK 70.8%, 46.6%, 0.0%, 0.8% 0.0%, 24.1%, 70.8%, 0.8%
OKLCH 0.6435 0.187 262.0 0.8431 0.1476 80.5

Contrast & Accessibility

2.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FDC04A → Background: #4A87FD

The quick brown fox jumps over the lazy dog

Text: #4A87FD → Background: #FDC04A

Color Difference (Delta E)

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

Gradient

#4A87FD #878FE1 #AB97C6 #C5A1AA #DBAB8D #EDB56E #FDC04A

Color Mixing

#4A87FD

100%

#9A93D4

75:25

#C5A1AA

50:50

#E4B07E

25:75

#FDC04A

100%

CSS Gradient Code

background: linear-gradient(to right, #4A87FD, #FDC04A);
background: linear-gradient(135deg, #4A87FD, #FDC04A);

Explore Each Color

#4A87FD

View full color details

#FDC04A

View full color details

Related Comparisons