#5DF5A5

#5DF5A5

#F55DAD

#F55DAD

Contrast Ratio

2.14:1

Delta E

132.04

Very Different

50:50 Mix

#C4B5AA

Color Values

Format #5DF5A5 #F55DAD
HEX #5DF5A5 #F55DAD
RGB 93, 245, 165 245, 93, 173
HSL 148.4, 88.4%, 66.3% 328.4, 88.4%, 66.3%
HSV 148.4, 62.0%, 96.1% 328.4, 62.0%, 96.1%
CMYK 62.0%, 0.0%, 32.7%, 3.9% 0.0%, 62.0%, 29.4%, 3.9%
OKLCH 0.8693 0.1717 156.7 0.6979 0.2018 351.0

Contrast & Accessibility

2.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F55DAD → Background: #5DF5A5

The quick brown fox jumps over the lazy dog

Text: #5DF5A5 → Background: #F55DAD

Color Difference (Delta E)

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

Gradient

#5DF5A5 #8DE1A7 #ACCBA9 #C4B5AA #D79CAB #E780AC #F55DAD

Color Mixing

#5DF5A5

100%

#9ED6A8

75:25

#C4B5AA

50:50

#E08EAC

25:75

#F55DAD

100%

CSS Gradient Code

background: linear-gradient(to right, #5DF5A5, #F55DAD);
background: linear-gradient(135deg, #5DF5A5, #F55DAD);

Explore Each Color

#5DF5A5

View full color details

#F55DAD

View full color details

Related Comparisons