#5CF3D0

#5CF3D0

#F35C7F

#F35C7F

Contrast Ratio

2.28:1

Delta E

112.29

Very Different

50:50 Mix

#C7B1A6

Color Values

Format #5CF3D0 #F35C7F
HEX #5CF3D0 #F35C7F
RGB 92, 243, 208 243, 92, 127
HSL 166.1, 86.3%, 65.7% 346.1, 86.3%, 65.7%
HSV 166.1, 62.1%, 95.3% 346.1, 62.1%, 95.3%
CMYK 62.1%, 0.0%, 14.4%, 4.7% 0.0%, 62.1%, 47.7%, 4.7%
OKLCH 0.8745 0.1376 174.7 0.6799 0.1863 9.4

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: #F35C7F → Background: #5CF3D0

The quick brown fox jumps over the lazy dog

Text: #5CF3D0 → Background: #F35C7F

Color Difference (Delta E)

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

Gradient

#5CF3D0 #90DEC2 #B0C8B4 #C7B1A6 #D99899 #E77D8C #F35C7F

Color Mixing

#5CF3D0

100%

#A1D3BB

75:25

#C7B1A6

50:50

#E18B92

25:75

#F35C7F

100%

CSS Gradient Code

background: linear-gradient(to right, #5CF3D0, #F35C7F);
background: linear-gradient(135deg, #5CF3D0, #F35C7F);

Explore Each Color

#5CF3D0

View full color details

#F35C7F

View full color details

Related Comparisons