#4BDF9B

#4BDF9B

#DF4B8F

#DF4B8F

Contrast Ratio

2.22:1

Delta E

123.46

Very Different

50:50 Mix

#B2A196

Color Values

Format #4BDF9B #DF4B8F
HEX #4BDF9B #DF4B8F
RGB 75, 223, 155 223, 75, 143
HSL 152.4, 69.8%, 58.4% 332.4, 69.8%, 58.4%
HSV 152.4, 66.4%, 87.5% 332.4, 66.4%, 87.5%
CMYK 66.4%, 0.0%, 30.5%, 12.5% 0.0%, 66.4%, 35.9%, 12.5%
OKLCH 0.8084 0.159 159.3 0.6354 0.1933 355.8

Contrast & Accessibility

2.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF4B8F → Background: #4BDF9B

The quick brown fox jumps over the lazy dog

Text: #4BDF9B → Background: #DF4B8F

Color Difference (Delta E)

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

Gradient

#4BDF9B #7DCB99 #9BB797 #B2A196 #C48993 #D36E91 #DF4B8F

Color Mixing

#4BDF9B

100%

#8DC198

75:25

#B2A196

50:50

#CB7C92

25:75

#DF4B8F

100%

CSS Gradient Code

background: linear-gradient(to right, #4BDF9B, #DF4B8F);
background: linear-gradient(135deg, #4BDF9B, #DF4B8F);

Explore Each Color

#4BDF9B

View full color details

#DF4B8F

View full color details

Related Comparisons