#5DF5A3

#5DF5A3

#F55DAF

#F55DAF

Contrast Ratio

2.13:1

Delta E

133.21

Very Different

50:50 Mix

#C4B5AA

Color Values

Format #5DF5A3 #F55DAF
HEX #5DF5A3 #F55DAF
RGB 93, 245, 163 245, 93, 175
HSL 147.6, 88.4%, 66.3% 327.6, 88.4%, 66.3%
HSV 147.6, 62.0%, 96.1% 327.6, 62.0%, 96.1%
CMYK 62.0%, 0.0%, 33.5%, 3.9% 0.0%, 62.0%, 28.6%, 3.9%
OKLCH 0.8689 0.1734 156.1 0.6986 0.2028 350.2

Contrast & Accessibility

2.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F55DAF → Background: #5DF5A3

The quick brown fox jumps over the lazy dog

Text: #5DF5A3 → Background: #F55DAF

Color Difference (Delta E)

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

Gradient

#5DF5A3 #8DE1A6 #ACCBA8 #C4B5AA #D79CAC #E780AE #F55DAF

Color Mixing

#5DF5A3

100%

#9ED6A7

75:25

#C4B5AA

50:50

#E08FAD

25:75

#F55DAF

100%

CSS Gradient Code

background: linear-gradient(to right, #5DF5A3, #F55DAF);
background: linear-gradient(135deg, #5DF5A3, #F55DAF);

Explore Each Color

#5DF5A3

View full color details

#F55DAF

View full color details

Related Comparisons