#5AF3C6

#5AF3C6

#F35A87

#F35A87

Contrast Ratio

2.28:1

Delta E

116.19

Very Different

50:50 Mix

#C6B1A6

Color Values

Format #5AF3C6 #F35A87
HEX #5AF3C6 #F35A87
RGB 90, 243, 198 243, 90, 135
HSL 162.4, 86.4%, 65.3% 342.4, 86.4%, 65.3%
HSV 162.4, 63.0%, 95.3% 342.4, 63.0%, 95.3%
CMYK 63.0%, 0.0%, 18.5%, 4.7% 0.0%, 63.0%, 44.4%, 4.7%
OKLCH 0.8713 0.1446 170.0 0.6797 0.1902 5.6

Contrast & Accessibility

2.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F35A87 → Background: #5AF3C6

The quick brown fox jumps over the lazy dog

Text: #5AF3C6 → Background: #F35A87

Color Difference (Delta E)

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

Gradient

#5AF3C6 #8EDEBB #AEC8B0 #C6B1A6 #D8989B #E77C91 #F35A87

Color Mixing

#5AF3C6

100%

#A0D3B6

75:25

#C6B1A6

50:50

#E08B96

25:75

#F35A87

100%

CSS Gradient Code

background: linear-gradient(to right, #5AF3C6, #F35A87);
background: linear-gradient(135deg, #5AF3C6, #F35A87);

Explore Each Color

#5AF3C6

View full color details

#F35A87

View full color details

Related Comparisons