#6AF5B5

#6AF5B5

#F56AAA

#F56AAA

Contrast Ratio

2.04:1

Delta E

117.63

Very Different

50:50 Mix

#C7B8B0

Color Values

Format #6AF5B5 #F56AAA
HEX #6AF5B5 #F56AAA
RGB 106, 245, 181 245, 106, 170
HSL 152.4, 87.4%, 68.8% 332.4, 87.4%, 68.8%
HSV 152.4, 56.7%, 96.1% 332.4, 56.7%, 96.1%
CMYK 56.7%, 0.0%, 26.1%, 3.9% 0.0%, 56.7%, 30.6%, 3.9%
OKLCH 0.8767 0.1522 160.8 0.7123 0.1821 354.0

Contrast & Accessibility

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F56AAA → Background: #6AF5B5

The quick brown fox jumps over the lazy dog

Text: #6AF5B5 → Background: #F56AAA

Color Difference (Delta E)

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

Gradient

#6AF5B5 #94E2B3 #B0CEB2 #C7B8B0 #D9A1AE #E888AC #F56AAA

Color Mixing

#6AF5B5

100%

#A3D8B3

75:25

#C7B8B0

50:50

#E195AD

25:75

#F56AAA

100%

CSS Gradient Code

background: linear-gradient(to right, #6AF5B5, #F56AAA);
background: linear-gradient(135deg, #6AF5B5, #F56AAA);

Explore Each Color

#6AF5B5

View full color details

#F56AAA

View full color details

Related Comparisons