#3794BA

#3794BA

#BA5D37

#BA5D37

Contrast Ratio

1.3:1

Delta E

82.89

Very Different

50:50 Mix

#957B78

Color Values

Format #3794BA #BA5D37
HEX #3794BA #BA5D37
RGB 55, 148, 186 186, 93, 55
HSL 197.4, 54.4%, 47.3% 17.4, 54.4%, 47.3%
HSV 197.4, 70.4%, 72.9% 17.4, 70.4%, 72.9%
CMYK 70.4%, 20.4%, 0.0%, 27.1% 0.0%, 50.0%, 70.4%, 27.1%
OKLCH 0.6281 0.1028 229.0 0.5833 0.131 42.0

Contrast & Accessibility

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BA5D37 → Background: #3794BA

The quick brown fox jumps over the lazy dog

Text: #3794BA → Background: #BA5D37

Color Difference (Delta E)

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

Gradient

#3794BA #678CA4 #82838E #957B78 #A47162 #B0684D #BA5D37

Color Mixing

#3794BA

100%

#768899

75:25

#957B78

50:50

#AA6D58

25:75

#BA5D37

100%

CSS Gradient Code

background: linear-gradient(to right, #3794BA, #BA5D37);
background: linear-gradient(135deg, #3794BA, #BA5D37);

Explore Each Color

#3794BA

View full color details

#BA5D37

View full color details

Related Comparisons