#336AAF

#336AAF

#AF7833

#AF7833

Contrast Ratio

1.45:1

Delta E

88.39

Very Different

50:50 Mix

#887074

Color Values

Format #336AAF #AF7833
HEX #336AAF #AF7833
RGB 51, 106, 175 175, 120, 51
HSL 213.4, 54.9%, 44.3% 33.4, 54.9%, 44.3%
HSV 213.4, 70.9%, 68.6% 33.4, 70.9%, 68.6%
CMYK 70.9%, 39.4%, 0.0%, 31.4% 0.0%, 31.4%, 70.9%, 31.4%
OKLCH 0.5217 0.1239 255.4 0.6163 0.1088 69.2

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: #AF7833 → Background: #336AAF

The quick brown fox jumps over the lazy dog

Text: #336AAF → Background: #AF7833

Color Difference (Delta E)

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

Gradient

#336AAF #5D6C9B #766E87 #887074 #977260 #A4754B #AF7833

Color Mixing

#336AAF

100%

#6A6D91

75:25

#887074

50:50

#9E7455

25:75

#AF7833

100%

CSS Gradient Code

background: linear-gradient(to right, #336AAF, #AF7833);
background: linear-gradient(135deg, #336AAF, #AF7833);

Explore Each Color

#336AAF

View full color details

#AF7833

View full color details

Related Comparisons