#4BDADF

#4BDADF

#DF504B

#DF504B

Contrast Ratio

2.3:1

Delta E

105.83

Very Different

50:50 Mix

#BC9D92

Color Values

Format #4BDADF #DF504B
HEX #4BDADF #DF504B
RGB 75, 218, 223 223, 80, 75
HSL 182.0, 69.8%, 58.4% 2.0, 69.8%, 58.4%
HSV 182.0, 66.4%, 87.5% 2.0, 66.4%, 87.5%
CMYK 66.4%, 2.2%, 0.0%, 12.5% 0.0%, 64.1%, 66.4%, 12.5%
OKLCH 0.8154 0.1196 198.4 0.6244 0.1795 25.7

Contrast & Accessibility

2.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF504B → Background: #4BDADF

The quick brown fox jumps over the lazy dog

Text: #4BDADF → Background: #DF504B

Color Difference (Delta E)

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

Gradient

#4BDADF #86C6C5 #A6B2AB #BC9D92 #CB867A #D76D62 #DF504B

Color Mixing

#4BDADF

100%

#98BCB8

75:25

#BC9D92

50:50

#D17A6E

25:75

#DF504B

100%

CSS Gradient Code

background: linear-gradient(to right, #4BDADF, #DF504B);
background: linear-gradient(135deg, #4BDADF, #DF504B);

Explore Each Color

#4BDADF

View full color details

#DF504B

View full color details

Related Comparisons