#3A9DAE

#3A9DAE

#AE4B3A

#AE4B3A

Contrast Ratio

1.71:1

Delta E

79.66

Very Different

50:50 Mix

#8F7872

Color Values

Format #3A9DAE #AE4B3A
HEX #3A9DAE #AE4B3A
RGB 58, 157, 174 174, 75, 58
HSL 188.8, 50.0%, 45.5% 8.8, 50.0%, 45.5%
HSV 188.8, 66.7%, 68.2% 8.8, 66.7%, 68.2%
CMYK 66.7%, 9.8%, 0.0%, 31.8% 0.0%, 56.9%, 66.7%, 31.8%
OKLCH 0.6458 0.0932 211.0 0.5383 0.1335 31.6

Contrast & Accessibility

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE4B3A → Background: #3A9DAE

The quick brown fox jumps over the lazy dog

Text: #3A9DAE → Background: #AE4B3A

Color Difference (Delta E)

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

Gradient

#3A9DAE #65919A #7E8586 #8F7872 #9C6A5F #A65B4C #AE4B3A

Color Mixing

#3A9DAE

100%

#738B90

75:25

#8F7872

50:50

#A16356

25:75

#AE4B3A

100%

CSS Gradient Code

background: linear-gradient(to right, #3A9DAE, #AE4B3A);
background: linear-gradient(135deg, #3A9DAE, #AE4B3A);

Explore Each Color

#3A9DAE

View full color details

#AE4B3A

View full color details

Related Comparisons