#355BAF

#355BAF

#AF8935

#AF8935

Contrast Ratio

1.98:1

Delta E

100.02

Very Different

50:50 Mix

#887076

Color Values

Format #355BAF #AF8935
HEX #355BAF #AF8935
RGB 53, 91, 175 175, 137, 53
HSL 221.3, 53.5%, 44.7% 41.3, 53.5%, 44.7%
HSV 221.3, 69.7%, 68.6% 41.3, 69.7%, 68.6%
CMYK 69.7%, 48.0%, 0.0%, 31.4% 0.0%, 21.7%, 69.7%, 31.4%
OKLCH 0.4892 0.1409 263.7 0.6505 0.1105 84.0

Contrast & Accessibility

1.98:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF8935 → Background: #355BAF

The quick brown fox jumps over the lazy dog

Text: #355BAF → Background: #AF8935

Color Difference (Delta E)

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

Gradient

#355BAF #5D619C #75698A #887076 #977863 #A4804E #AF8935

Color Mixing

#355BAF

100%

#6A6593

75:25

#887076

50:50

#9D7C58

25:75

#AF8935

100%

CSS Gradient Code

background: linear-gradient(to right, #355BAF, #AF8935);
background: linear-gradient(135deg, #355BAF, #AF8935);

Explore Each Color

#355BAF

View full color details

#AF8935

View full color details

Related Comparisons