#5F71BC

#5F71BC

#BCAA5F

#BCAA5F

Contrast Ratio

1.98:1

Delta E

86.71

Very Different

50:50 Mix

#998C90

Color Values

Format #5F71BC #BCAA5F
HEX #5F71BC #BCAA5F
RGB 95, 113, 188 188, 170, 95
HSL 228.4, 41.0%, 55.5% 48.4, 41.0%, 55.5%
HSV 228.4, 49.5%, 73.7% 48.4, 49.5%, 73.7%
CMYK 49.5%, 39.9%, 0.0%, 26.3% 0.0%, 9.6%, 49.5%, 26.3%
OKLCH 0.5685 0.1178 272.0 0.7373 0.0979 96.2

Contrast & Accessibility

1.98:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BCAA5F → Background: #5F71BC

The quick brown fox jumps over the lazy dog

Text: #5F71BC → Background: #BCAA5F

Color Difference (Delta E)

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

Gradient

#5F71BC #777AAE #89839F #998C90 #A69681 #B1A071 #BCAA5F

Color Mixing

#5F71BC

100%

#817EA6

75:25

#998C90

50:50

#AC9B79

25:75

#BCAA5F

100%

CSS Gradient Code

background: linear-gradient(to right, #5F71BC, #BCAA5F);
background: linear-gradient(135deg, #5F71BC, #BCAA5F);

Explore Each Color

#5F71BC

View full color details

#BCAA5F

View full color details

Related Comparisons