#5AFAD3

#5AFAD3

#FA5A81

#FA5A81

Contrast Ratio

2.34:1

Delta E

118.06

Very Different

50:50 Mix

#CCB5A9

Color Values

Format #5AFAD3 #FA5A81
HEX #5AFAD3 #FA5A81
RGB 90, 250, 211 250, 90, 129
HSL 165.4, 94.1%, 66.7% 345.4, 94.1%, 66.7%
HSV 165.4, 64.0%, 98.0% 345.4, 64.0%, 98.0%
CMYK 64.0%, 0.0%, 15.6%, 2.0% 0.0%, 64.0%, 48.4%, 2.0%
OKLCH 0.8913 0.1445 173.5 0.6887 0.196 9.1

Contrast & Accessibility

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FA5A81 → Background: #5AFAD3

The quick brown fox jumps over the lazy dog

Text: #5AFAD3 → Background: #FA5A81

Color Difference (Delta E)

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

Gradient

#5AFAD3 #92E4C5 #B4CDB6 #CCB5A9 #DF9B9B #EE7E8E #FA5A81

Color Mixing

#5AFAD3

100%

#A5D8BE

75:25

#CCB5A9

50:50

#E78D94

25:75

#FA5A81

100%

CSS Gradient Code

background: linear-gradient(to right, #5AFAD3, #FA5A81);
background: linear-gradient(135deg, #5AFAD3, #FA5A81);

Explore Each Color

#5AFAD3

View full color details

#FA5A81

View full color details

Related Comparisons