#4AAFDF

#4AAFDF

#DF7A4A

#DF7A4A

Contrast Ratio

1.21:1

Delta E

90.86

Very Different

50:50 Mix

#B39694

Color Values

Format #4AAFDF #DF7A4A
HEX #4AAFDF #DF7A4A
RGB 74, 175, 223 223, 122, 74
HSL 199.3, 70.0%, 58.2% 19.3, 70.0%, 58.2%
HSV 199.3, 66.8%, 87.5% 19.3, 66.8%, 87.5%
CMYK 66.8%, 21.5%, 0.0%, 12.5% 0.0%, 45.3%, 66.8%, 12.5%
OKLCH 0.7145 0.1161 232.3 0.6834 0.1403 45.0

Contrast & Accessibility

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7A4A → Background: #4AAFDF

The quick brown fox jumps over the lazy dog

Text: #4AAFDF → Background: #DF7A4A

Color Difference (Delta E)

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

Gradient

#4AAFDF #7EA7C6 #9D9FAD #B39694 #C58D7C #D38463 #DF7A4A

Color Mixing

#4AAFDF

100%

#8FA3B9

75:25

#B39694

50:50

#CC896F

25:75

#DF7A4A

100%

CSS Gradient Code

background: linear-gradient(to right, #4AAFDF, #DF7A4A);
background: linear-gradient(135deg, #4AAFDF, #DF7A4A);

Explore Each Color

#4AAFDF

View full color details

#DF7A4A

View full color details

Related Comparisons