#368EAF

#368EAF

#AF5736

#AF5736

Contrast Ratio

1.33:1

Delta E

77.81

Very Different

50:50 Mix

#8D7572

Color Values

Format #368EAF #AF5736
HEX #368EAF #AF5736
RGB 54, 142, 175 175, 87, 54
HSL 196.4, 52.8%, 44.9% 16.4, 52.8%, 44.9%
HSV 196.4, 69.1%, 68.6% 16.4, 69.1%, 68.6%
CMYK 69.1%, 18.9%, 0.0%, 31.4% 0.0%, 50.3%, 69.1%, 31.4%
OKLCH 0.6083 0.0961 226.6 0.5576 0.1242 40.6

Contrast & Accessibility

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5736 → Background: #368EAF

The quick brown fox jumps over the lazy dog

Text: #368EAF → Background: #AF5736

Color Difference (Delta E)

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

Gradient

#368EAF #62869A #7B7D86 #8D7572 #9B6B5E #A6624A #AF5736

Color Mixing

#368EAF

100%

#708290

75:25

#8D7572

50:50

#A16754

25:75

#AF5736

100%

CSS Gradient Code

background: linear-gradient(to right, #368EAF, #AF5736);
background: linear-gradient(135deg, #368EAF, #AF5736);

Explore Each Color

#368EAF

View full color details

#AF5736

View full color details

Related Comparisons