#36749F

#36749F

#9F6136

#9F6136

Contrast Ratio

1.02:1

Delta E

69.2

Very Different

50:50 Mix

#7E6B6B

Color Values

Format #36749F #9F6136
HEX #36749F #9F6136
RGB 54, 116, 159 159, 97, 54
HSL 204.6, 49.3%, 41.8% 24.6, 49.3%, 41.8%
HSV 204.6, 66.0%, 62.4% 24.6, 66.0%, 62.4%
CMYK 66.0%, 27.0%, 0.0%, 37.6% 0.0%, 39.0%, 66.0%, 37.6%
OKLCH 0.5374 0.093 241.7 0.5528 0.0994 53.8

Contrast & Accessibility

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #9F6136 → Background: #36749F

The quick brown fox jumps over the lazy dog

Text: #36749F → Background: #9F6136

Color Difference (Delta E)

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

Gradient

#36749F #58718E #6E6E7C #7E6B6B #8B685A #966448 #9F6136

Color Mixing

#36749F

100%

#646F85

75:25

#7E6B6B

50:50

#906651

25:75

#9F6136

100%

CSS Gradient Code

background: linear-gradient(to right, #36749F, #9F6136);
background: linear-gradient(135deg, #36749F, #9F6136);

Explore Each Color

#36749F

View full color details

#9F6136

View full color details

Related Comparisons