#3FAFA9

#3FAFA9

#AF3F45

#AF3F45

Contrast Ratio

2.19:1

Delta E

86.27

Very Different

50:50 Mix

#927D75

Color Values

Format #3FAFA9 #AF3F45
HEX #3FAFA9 #AF3F45
RGB 63, 175, 169 175, 63, 69
HSL 176.8, 47.1%, 46.7% 356.8, 47.1%, 46.7%
HSV 176.8, 64.0%, 68.6% 356.8, 64.0%, 68.6%
CMYK 64.0%, 0.0%, 3.4%, 31.4% 0.0%, 64.0%, 60.6%, 31.4%
OKLCH 0.6898 0.1001 190.1 0.5257 0.1462 20.6

Contrast & Accessibility

2.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF3F45 → Background: #3FAFA9

The quick brown fox jumps over the lazy dog

Text: #3FAFA9 → Background: #AF3F45

Color Difference (Delta E)

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

Gradient

#3FAFA9 #699F97 #818E86 #927D75 #9F6B64 #A85754 #AF3F45

Color Mixing

#3FAFA9

100%

#77978F

75:25

#927D75

50:50

#A4615C

25:75

#AF3F45

100%

CSS Gradient Code

background: linear-gradient(to right, #3FAFA9, #AF3F45);
background: linear-gradient(135deg, #3FAFA9, #AF3F45);

Explore Each Color

#3FAFA9

View full color details

#AF3F45

View full color details

Related Comparisons