#4A9DDF

#4A9DDF

#DF8C4A

#DF8C4A

Contrast Ratio

1.11:1

Delta E

93.51

Very Different

50:50 Mix

#B19596

Color Values

Format #4A9DDF #DF8C4A
HEX #4A9DDF #DF8C4A
RGB 74, 157, 223 223, 140, 74
HSL 206.6, 70.0%, 58.2% 26.6, 70.0%, 58.2%
HSV 206.6, 66.8%, 87.5% 26.6, 66.8%, 87.5%
CMYK 66.8%, 29.6%, 0.0%, 12.5% 0.0%, 37.2%, 66.8%, 12.5%
OKLCH 0.6733 0.127 245.3 0.7139 0.1298 57.0

Contrast & Accessibility

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF8C4A → Background: #4A9DDF

The quick brown fox jumps over the lazy dog

Text: #4A9DDF → Background: #DF8C4A

Color Difference (Delta E)

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

Gradient

#4A9DDF #7C9AC6 #9A97AE #B19596 #C3927D #D28F64 #DF8C4A

Color Mixing

#4A9DDF

100%

#8C99BA

75:25

#B19596

50:50

#CB9071

25:75

#DF8C4A

100%

CSS Gradient Code

background: linear-gradient(to right, #4A9DDF, #DF8C4A);
background: linear-gradient(135deg, #4A9DDF, #DF8C4A);

Explore Each Color

#4A9DDF

View full color details

#DF8C4A

View full color details

Related Comparisons