#396ABC

#396ABC

#BC8B39

#BC8B39

Contrast Ratio

1.74:1

Delta E

98.86

Very Different

50:50 Mix

#92797E

Color Values

Format #396ABC #BC8B39
HEX #396ABC #BC8B39
RGB 57, 106, 188 188, 139, 57
HSL 217.6, 53.5%, 48.0% 37.6, 53.5%, 48.0%
HSV 217.6, 69.7%, 73.7% 37.6, 69.7%, 73.7%
CMYK 69.7%, 43.6%, 0.0%, 26.3% 0.0%, 26.1%, 69.7%, 26.3%
OKLCH 0.5325 0.1395 260.1 0.6692 0.1144 77.2

Contrast & Accessibility

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC8B39 → Background: #396ABC

The quick brown fox jumps over the lazy dog

Text: #396ABC → Background: #BC8B39

Color Difference (Delta E)

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

Gradient

#396ABC #646FA8 #7F7393 #92797E #A27F69 #B08553 #BC8B39

Color Mixing

#396ABC

100%

#73719D

75:25

#92797E

50:50

#A9825E

25:75

#BC8B39

100%

CSS Gradient Code

background: linear-gradient(to right, #396ABC, #BC8B39);
background: linear-gradient(135deg, #396ABC, #BC8B39);

Explore Each Color

#396ABC

View full color details

#BC8B39

View full color details

Related Comparisons