#475DBB

#475DBB

#BBA547

#BBA547

Contrast Ratio

2.42:1

Delta E

108.61

Very Different

50:50 Mix

#937F86

Color Values

Format #475DBB #BBA547
HEX #475DBB #BBA547
RGB 71, 93, 187 187, 165, 71
HSL 228.6, 46.0%, 50.6% 48.6, 46.0%, 50.6%
HSV 228.6, 62.0%, 73.3% 48.6, 62.0%, 73.3%
CMYK 62.0%, 50.3%, 0.0%, 26.7% 0.0%, 11.8%, 62.0%, 26.7%
OKLCH 0.5113 0.1495 270.4 0.7228 0.1164 96.2

Contrast & Accessibility

2.42:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BBA547 → Background: #475DBB

The quick brown fox jumps over the lazy dog

Text: #475DBB → Background: #BBA547

Color Difference (Delta E)

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

Gradient

#475DBB #6A68AA #817398 #937F86 #A28B73 #AF985F #BBA547

Color Mixing

#475DBB

100%

#766DA1

75:25

#937F86

50:50

#A99269

25:75

#BBA547

100%

CSS Gradient Code

background: linear-gradient(to right, #475DBB, #BBA547);
background: linear-gradient(135deg, #475DBB, #BBA547);

Explore Each Color

#475DBB

View full color details

#BBA547

View full color details

Related Comparisons