#4A9BDF

#4A9BDF

#DF8E4A

#DF8E4A

Contrast Ratio

1.15:1

Delta E

94.21

Very Different

50:50 Mix

#B09496

Color Values

Format #4A9BDF #DF8E4A
HEX #4A9BDF #DF8E4A
RGB 74, 155, 223 223, 142, 74
HSL 207.4, 70.0%, 58.2% 27.4, 70.0%, 58.2%
HSV 207.4, 66.8%, 87.5% 27.4, 66.8%, 87.5%
CMYK 66.8%, 30.5%, 0.0%, 12.5% 0.0%, 36.3%, 66.8%, 12.5%
OKLCH 0.6688 0.1286 246.6 0.7174 0.129 58.5

Contrast & Accessibility

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF8E4A → Background: #4A9BDF

The quick brown fox jumps over the lazy dog

Text: #4A9BDF → Background: #DF8E4A

Color Difference (Delta E)

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

Gradient

#4A9BDF #7C99C6 #9A97AE #B09496 #C3927D #D29065 #DF8E4A

Color Mixing

#4A9BDF

100%

#8C98BA

75:25

#B09496

50:50

#CA9171

25:75

#DF8E4A

100%

CSS Gradient Code

background: linear-gradient(to right, #4A9BDF, #DF8E4A);
background: linear-gradient(135deg, #4A9BDF, #DF8E4A);

Explore Each Color

#4A9BDF

View full color details

#DF8E4A

View full color details

Related Comparisons