#3F7DBD

#3F7DBD

#BD7F3F

#BD7F3F

Contrast Ratio

1.29:1

Delta E

85.16

Very Different

50:50 Mix

#957E80

Color Values

Format #3F7DBD #BD7F3F
HEX #3F7DBD #BD7F3F
RGB 63, 125, 189 189, 127, 63
HSL 210.5, 50.0%, 49.4% 30.5, 50.0%, 49.4%
HSV 210.5, 66.7%, 74.1% 30.5, 66.7%, 74.1%
CMYK 66.7%, 33.9%, 0.0%, 25.9% 0.0%, 32.8%, 66.7%, 25.9%
OKLCH 0.5783 0.1181 251.2 0.6478 0.1109 64.4

Contrast & Accessibility

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BD7F3F → Background: #3F7DBD

The quick brown fox jumps over the lazy dog

Text: #3F7DBD → Background: #BD7F3F

Color Difference (Delta E)

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

Gradient

#3F7DBD #687DA9 #817D94 #957E80 #A47E6B #B17E56 #BD7F3F

Color Mixing

#3F7DBD

100%

#767D9E

75:25

#957E80

50:50

#AB7E61

25:75

#BD7F3F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F7DBD, #BD7F3F);
background: linear-gradient(135deg, #3F7DBD, #BD7F3F);

Explore Each Color

#3F7DBD

View full color details

#BD7F3F

View full color details

Related Comparisons