#355AD4

#355AD4

#D4AF35

#D4AF35

Contrast Ratio

2.8:1

Delta E

136.66

Very Different

50:50 Mix

#A4818E

Color Values

Format #355AD4 #D4AF35
HEX #355AD4 #D4AF35
RGB 53, 90, 212 212, 175, 53
HSL 226.0, 64.9%, 52.0% 46.0, 64.9%, 52.0%
HSV 226.0, 75.0%, 83.1% 46.0, 75.0%, 83.1%
CMYK 75.0%, 57.5%, 0.0%, 16.9% 0.0%, 17.5%, 75.0%, 16.9%
OKLCH 0.5153 0.1925 266.6 0.7664 0.1398 91.2

Contrast & Accessibility

2.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D4AF35 → Background: #355AD4

The quick brown fox jumps over the lazy dog

Text: #355AD4 → Background: #D4AF35

Color Difference (Delta E)

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

Gradient

#355AD4 #6E66BD #8D73A5 #A4818E #B79074 #C69F59 #D4AF35

Color Mixing

#355AD4

100%

#7F6CB1

75:25

#A4818E

50:50

#BF9867

25:75

#D4AF35

100%

CSS Gradient Code

background: linear-gradient(to right, #355AD4, #D4AF35);
background: linear-gradient(135deg, #355AD4, #D4AF35);

Explore Each Color

#355AD4

View full color details

#D4AF35

View full color details

Related Comparisons