#369EB8

#369EB8

#B85036

#B85036

Contrast Ratio

1.59:1

Delta E

85.24

Very Different

50:50 Mix

#967B76

Color Values

Format #369EB8 #B85036
HEX #369EB8 #B85036
RGB 54, 158, 184 184, 80, 54
HSL 192.0, 54.6%, 46.7% 12.0, 54.6%, 46.7%
HSV 192.0, 70.7%, 72.2% 12.0, 70.7%, 72.2%
CMYK 70.7%, 14.1%, 0.0%, 27.8% 0.0%, 56.5%, 70.7%, 27.8%
OKLCH 0.6512 0.1001 218.0 0.5604 0.141 35.2

Contrast & Accessibility

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B85036 → Background: #369EB8

The quick brown fox jumps over the lazy dog

Text: #369EB8 → Background: #B85036

Color Difference (Delta E)

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

Gradient

#369EB8 #6893A1 #83878B #967B76 #A46E60 #AF604B #B85036

Color Mixing

#369EB8

100%

#778D96

75:25

#967B76

50:50

#AA6756

25:75

#B85036

100%

CSS Gradient Code

background: linear-gradient(to right, #369EB8, #B85036);
background: linear-gradient(135deg, #369EB8, #B85036);

Explore Each Color

#369EB8

View full color details

#B85036

View full color details

Related Comparisons