#486FD7

#486FD7

#D7B048

#D7B048

Contrast Ratio

2.25:1

Delta E

118.16

Very Different

50:50 Mix

#A88D95

Color Values

Format #486FD7 #D7B048
HEX #486FD7 #D7B048
RGB 72, 111, 215 215, 176, 72
HSL 223.6, 64.1%, 56.3% 43.6, 64.1%, 56.3%
HSV 223.6, 66.5%, 84.3% 43.6, 66.5%, 84.3%
CMYK 66.5%, 48.4%, 0.0%, 15.7% 0.0%, 18.1%, 66.5%, 15.7%
OKLCH 0.568 0.1655 265.9 0.7729 0.1286 88.2

Contrast & Accessibility

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D7B048 → Background: #486FD7

The quick brown fox jumps over the lazy dog

Text: #486FD7 → Background: #D7B048

Color Difference (Delta E)

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

Gradient

#486FD7 #7678C1 #9282AB #A88D95 #BA987E #C9A465 #D7B048

Color Mixing

#486FD7

100%

#857DB6

75:25

#A88D95

50:50

#C29E72

25:75

#D7B048

100%

CSS Gradient Code

background: linear-gradient(to right, #486FD7, #D7B048);
background: linear-gradient(135deg, #486FD7, #D7B048);

Explore Each Color

#486FD7

View full color details

#D7B048

View full color details

Related Comparisons