#3FAFA8

#3FAFA8

#AF3F46

#AF3F46

Contrast Ratio

2.18:1

Delta E

86.24

Very Different

50:50 Mix

#927D75

Color Values

Format #3FAFA8 #AF3F46
HEX #3FAFA8 #AF3F46
RGB 63, 175, 168 175, 63, 70
HSL 176.2, 47.1%, 46.7% 356.2, 47.1%, 46.7%
HSV 176.2, 64.0%, 68.6% 356.2, 64.0%, 68.6%
CMYK 64.0%, 0.0%, 4.0%, 31.4% 0.0%, 64.0%, 60.0%, 31.4%
OKLCH 0.6895 0.1003 189.2 0.5259 0.1461 20.1

Contrast & Accessibility

2.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF3F46 → Background: #3FAFA8

The quick brown fox jumps over the lazy dog

Text: #3FAFA8 → Background: #AF3F46

Color Difference (Delta E)

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

Gradient

#3FAFA8 #699F97 #818E86 #927D75 #9F6B65 #A85755 #AF3F46

Color Mixing

#3FAFA8

100%

#76978E

75:25

#927D75

50:50

#A4615D

25:75

#AF3F46

100%

CSS Gradient Code

background: linear-gradient(to right, #3FAFA8, #AF3F46);
background: linear-gradient(135deg, #3FAFA8, #AF3F46);

Explore Each Color

#3FAFA8

View full color details

#AF3F46

View full color details

Related Comparisons