#36A0AF

#36A0AF

#AF4536

#AF4536

Contrast Ratio

1.83:1

Delta E

84.15

Very Different

50:50 Mix

#907771

Color Values

Format #36A0AF #AF4536
HEX #36A0AF #AF4536
RGB 54, 160, 175 175, 69, 54
HSL 187.4, 52.8%, 44.9% 7.4, 52.8%, 44.9%
HSV 187.4, 69.1%, 68.6% 7.4, 69.1%, 68.6%
CMYK 69.1%, 8.6%, 0.0%, 31.4% 0.0%, 60.6%, 69.1%, 31.4%
OKLCH 0.6524 0.0964 208.5 0.5309 0.1419 30.5

Contrast & Accessibility

1.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF4536 → Background: #36A0AF

The quick brown fox jumps over the lazy dog

Text: #36A0AF → Background: #AF4536

Color Difference (Delta E)

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

Gradient

#36A0AF #65939A #7F8585 #907771 #9D685D #A75849 #AF4536

Color Mixing

#36A0AF

100%

#738C8F

75:25

#907771

50:50

#A36053

25:75

#AF4536

100%

CSS Gradient Code

background: linear-gradient(to right, #36A0AF, #AF4536);
background: linear-gradient(135deg, #36A0AF, #AF4536);

Explore Each Color

#36A0AF

View full color details

#AF4536

View full color details

Related Comparisons