#356BAF

#356BAF

#AF7935

#AF7935

Contrast Ratio

1.45:1

Delta E

87.11

Very Different

50:50 Mix

#887175

Color Values

Format #356BAF #AF7935
HEX #356BAF #AF7935
RGB 53, 107, 175 175, 121, 53
HSL 213.4, 53.5%, 44.7% 33.4, 53.5%, 44.7%
HSV 213.4, 69.7%, 68.6% 33.4, 69.7%, 68.6%
CMYK 69.7%, 38.9%, 0.0%, 31.4% 0.0%, 30.9%, 69.7%, 31.4%
OKLCH 0.5248 0.1221 255.4 0.6184 0.1074 69.5

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF7935 → Background: #356BAF

The quick brown fox jumps over the lazy dog

Text: #356BAF → Background: #AF7935

Color Difference (Delta E)

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

Gradient

#356BAF #5E6D9B #766F88 #887175 #977461 #A4764C #AF7935

Color Mixing

#356BAF

100%

#6B6E92

75:25

#887175

50:50

#9E7557

25:75

#AF7935

100%

CSS Gradient Code

background: linear-gradient(to right, #356BAF, #AF7935);
background: linear-gradient(135deg, #356BAF, #AF7935);

Explore Each Color

#356BAF

View full color details

#AF7935

View full color details

Related Comparisons