#3FFAF2

#3FFAF2

#FA3F47

#FA3F47

Contrast Ratio

2.76:1

Delta E

130.28

Very Different

50:50 Mix

#D3AB98

Color Values

Format #3FFAF2 #FA3F47
HEX #3FFAF2 #FA3F47
RGB 63, 250, 242 250, 63, 71
HSL 177.4, 94.9%, 61.4% 357.4, 94.9%, 61.4%
HSV 177.4, 74.8%, 98.0% 357.4, 74.8%, 98.0%
CMYK 74.8%, 0.0%, 3.2%, 2.0% 0.0%, 74.8%, 71.6%, 2.0%
OKLCH 0.8947 0.1429 190.5 0.6514 0.2221 23.9

Contrast & Accessibility

2.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FA3F47 → Background: #3FFAF2

The quick brown fox jumps over the lazy dog

Text: #3FFAF2 → Background: #FA3F47

Color Difference (Delta E)

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

Gradient

#3FFAF2 #92E1D3 #B9C7B5 #D3AB98 #E58E7C #F16C61 #FA3F47

Color Mixing

#3FFAF2

100%

#A8D4C4

75:25

#D3AB98

50:50

#EB7E6E

25:75

#FA3F47

100%

CSS Gradient Code

background: linear-gradient(to right, #3FFAF2, #FA3F47);
background: linear-gradient(135deg, #3FFAF2, #FA3F47);

Explore Each Color

#3FFAF2

View full color details

#FA3F47

View full color details

Related Comparisons