#3B5ABC

#3B5ABC

#BC9D3B

#BC9D3B

Contrast Ratio

2.38:1

Delta E

113.34

Very Different

50:50 Mix

#927981

Color Values

Format #3B5ABC #BC9D3B
HEX #3B5ABC #BC9D3B
RGB 59, 90, 188 188, 157, 59
HSL 225.6, 52.2%, 48.4% 45.6, 52.2%, 48.4%
HSV 225.6, 68.6%, 73.7% 45.6, 68.6%, 73.7%
CMYK 68.6%, 52.1%, 0.0%, 26.3% 0.0%, 16.5%, 68.6%, 26.3%
OKLCH 0.4994 0.1584 267.2 0.7059 0.1204 91.2

Contrast & Accessibility

2.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC9D3B → Background: #3B5ABC

The quick brown fox jumps over the lazy dog

Text: #3B5ABC → Background: #BC9D3B

Color Difference (Delta E)

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

Gradient

#3B5ABC #6564A9 #7F6E95 #927981 #A2856C #B09156 #BC9D3B

Color Mixing

#3B5ABC

100%

#73699F

75:25

#927981

50:50

#A98B62

25:75

#BC9D3B

100%

CSS Gradient Code

background: linear-gradient(to right, #3B5ABC, #BC9D3B);
background: linear-gradient(135deg, #3B5ABC, #BC9D3B);

Explore Each Color

#3B5ABC

View full color details

#BC9D3B

View full color details

Related Comparisons