#4ADFDF

#4ADFDF

#DF4A4A

#DF4A4A

Contrast Ratio

2.48:1

Delta E

109.49

Very Different

50:50 Mix

#BD9D91

Color Values

Format #4ADFDF #DF4A4A
HEX #4ADFDF #DF4A4A
RGB 74, 223, 223 223, 74, 74
HSL 180.0, 70.0%, 58.2% 0.0, 70.0%, 58.2%
HSV 180.0, 66.8%, 87.5% 0.0, 66.8%, 87.5%
CMYK 66.8%, 0.0%, 0.0%, 12.5% 0.0%, 66.8%, 66.8%, 12.5%
OKLCH 0.827 0.123 195.0 0.6174 0.1856 24.4

Contrast & Accessibility

2.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF4A4A → Background: #4ADFDF

The quick brown fox jumps over the lazy dog

Text: #4ADFDF → Background: #DF4A4A

Color Difference (Delta E)

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

Gradient

#4ADFDF #87CAC4 #A7B4AB #BD9D91 #CC8579 #D76B61 #DF4A4A

Color Mixing

#4ADFDF

100%

#99BFB7

75:25

#BD9D91

50:50

#D2786D

25:75

#DF4A4A

100%

CSS Gradient Code

background: linear-gradient(to right, #4ADFDF, #DF4A4A);
background: linear-gradient(135deg, #4ADFDF, #DF4A4A);

Explore Each Color

#4ADFDF

View full color details

#DF4A4A

View full color details

Related Comparisons