#0B77A3

#0B77A3

#A3370B

#A3370B

Contrast Ratio

1.35:1

Delta E

95.13

Very Different

50:50 Mix

#835B59

Color Values

Format #0B77A3 #A3370B
HEX #0B77A3 #A3370B
RGB 11, 119, 163 163, 55, 11
HSL 197.4, 87.4%, 34.1% 17.4, 87.4%, 34.1%
HSV 197.4, 93.3%, 63.9% 17.4, 93.3%, 63.9%
CMYK 93.3%, 27.0%, 0.0%, 36.1% 0.0%, 66.3%, 93.3%, 36.1%
OKLCH 0.5367 0.1094 233.9 0.4887 0.1509 38.7

Contrast & Accessibility

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A3370B → Background: #0B77A3

The quick brown fox jumps over the lazy dog

Text: #0B77A3 → Background: #A3370B

Color Difference (Delta E)

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

Gradient

#0B77A3 #546E8A #706571 #835B59 #905141 #9B4529 #A3370B

Color Mixing

#0B77A3

100%

#646A7D

75:25

#835B59

50:50

#964B35

25:75

#A3370B

100%

CSS Gradient Code

background: linear-gradient(to right, #0B77A3, #A3370B);
background: linear-gradient(135deg, #0B77A3, #A3370B);

Explore Each Color

#0B77A3

View full color details

#A3370B

View full color details

Related Comparisons