#4AB4DF

#4AB4DF

#DF754A

#DF754A

Contrast Ratio

1.31:1

Delta E

91.27

Very Different

50:50 Mix

Color Values

Format #4AB4DF #DF754A
HEX #4AB4DF #DF754A
RGB 74, 180, 223 223, 117, 74
HSL 197.3, 70.0%, 58.2% 17.3, 70.0%, 58.2%
HSV 197.3, 66.8%, 87.5% 17.3, 66.8%, 87.5%
CMYK 66.8%, 19.3%, 0.0%, 12.5% 0.0%, 47.5%, 66.8%, 12.5%
OKLCH 0.726 0.1143 228.4 0.6754 0.1442 42.0

Contrast & Accessibility

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF754A → Background: #4AB4DF

The quick brown fox jumps over the lazy dog

Text: #4AB4DF → Background: #DF754A

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #4AB4DF, #DF754A);
background: linear-gradient(135deg, #4AB4DF, #DF754A);

Explore Each Color

Related Comparisons