#4AB2DF

#4AB2DF

#DF774A

#DF774A

Contrast Ratio

1.27:1

Delta E

91.04

Very Different

50:50 Mix

#B49794

Color Values

Format #4AB2DF #DF774A
HEX #4AB2DF #DF774A
RGB 74, 178, 223 223, 119, 74
HSL 198.1, 70.0%, 58.2% 18.1, 70.0%, 58.2%
HSV 198.1, 66.8%, 87.5% 18.1, 66.8%, 87.5%
CMYK 66.8%, 20.2%, 0.0%, 12.5% 0.0%, 46.6%, 66.8%, 12.5%
OKLCH 0.7214 0.115 230.0 0.6786 0.1426 43.2

Contrast & Accessibility

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF774A → Background: #4AB2DF

The quick brown fox jumps over the lazy dog

Text: #4AB2DF → Background: #DF774A

Color Difference (Delta E)

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

Gradient

#4AB2DF #7FA9C6 #9DA0AD #B49794 #C58D7B #D38263 #DF774A

Color Mixing

#4AB2DF

100%

#8FA5B9

75:25

#B49794

50:50

#CC886F

25:75

#DF774A

100%

CSS Gradient Code

background: linear-gradient(to right, #4AB2DF, #DF774A);
background: linear-gradient(135deg, #4AB2DF, #DF774A);

Explore Each Color

#4AB2DF

View full color details

#DF774A

View full color details

Related Comparisons