#4AFAD5

#4AFAD5

#FA4A6F

#FA4A6F

Contrast Ratio

2.54:1

Delta E

125.53

Very Different

50:50 Mix

#CCB0A0

Color Values

Format #4AFAD5 #FA4A6F
HEX #4AFAD5 #FA4A6F
RGB 74, 250, 213 250, 74, 111
HSL 167.4, 94.6%, 63.5% 347.4, 94.6%, 63.5%
HSV 167.4, 70.4%, 98.0% 347.4, 70.4%, 98.0%
CMYK 70.4%, 0.0%, 14.8%, 2.0% 0.0%, 70.4%, 55.6%, 2.0%
OKLCH 0.8882 0.1499 175.3 0.6681 0.2114 12.9

Contrast & Accessibility

2.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FA4A6F → Background: #4AFAD5

The quick brown fox jumps over the lazy dog

Text: #4AFAD5 → Background: #FA4A6F

Color Difference (Delta E)

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

Gradient

#4AFAD5 #8EE2C3 #B3CAB1 #CCB0A0 #E0948F #EE747F #FA4A6F

Color Mixing

#4AFAD5

100%

#A2D6BA

75:25

#CCB0A0

50:50

#E78487

25:75

#FA4A6F

100%

CSS Gradient Code

background: linear-gradient(to right, #4AFAD5, #FA4A6F);
background: linear-gradient(135deg, #4AFAD5, #FA4A6F);

Explore Each Color

#4AFAD5

View full color details

#FA4A6F

View full color details

Related Comparisons