#358EB5

#358EB5

#B55C35

#B55C35

Contrast Ratio

1.25:1

Delta E

81.2

Very Different

50:50 Mix

#917775

Color Values

Format #358EB5 #B55C35
HEX #358EB5 #B55C35
RGB 53, 142, 181 181, 92, 53
HSL 198.3, 54.7%, 45.9% 18.3, 54.7%, 45.9%
HSV 198.3, 70.7%, 71.0% 18.3, 70.7%, 71.0%
CMYK 70.7%, 21.5%, 0.0%, 29.0% 0.0%, 49.2%, 70.7%, 29.0%
OKLCH 0.6108 0.1016 230.8 0.5742 0.127 43.2

Contrast & Accessibility

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B55C35 → Background: #358EB5

The quick brown fox jumps over the lazy dog

Text: #358EB5 → Background: #B55C35

Color Difference (Delta E)

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

Gradient

#358EB5 #64879F #7E7F8A #917775 #A06F60 #AB664B #B55C35

Color Mixing

#358EB5

100%

#728394

75:25

#917775

50:50

#A66A55

25:75

#B55C35

100%

CSS Gradient Code

background: linear-gradient(to right, #358EB5, #B55C35);
background: linear-gradient(135deg, #358EB5, #B55C35);

Explore Each Color

#358EB5

View full color details

#B55C35

View full color details

Related Comparisons