#4A8DDF

#4A8DDF

#DF9C4A

#DF9C4A

Contrast Ratio

1.46:1

Delta E

101.16

Very Different

50:50 Mix

#AF9397

Color Values

Format #4A8DDF #DF9C4A
HEX #4A8DDF #DF9C4A
RGB 74, 141, 223 223, 156, 74
HSL 213.0, 70.0%, 58.2% 33.0, 70.0%, 58.2%
HSV 213.0, 66.8%, 87.5% 33.0, 66.8%, 87.5%
CMYK 66.8%, 36.8%, 0.0%, 12.5% 0.0%, 30.0%, 66.8%, 12.5%
OKLCH 0.6377 0.1415 254.7 0.7429 0.1262 69.0

Contrast & Accessibility

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9C4A → Background: #4A8DDF

The quick brown fox jumps over the lazy dog

Text: #4A8DDF → Background: #DF9C4A

Color Difference (Delta E)

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

Gradient

#4A8DDF #7B8FC7 #9991AF #AF9397 #C2967F #D19966 #DF9C4A

Color Mixing

#4A8DDF

100%

#8B90BB

75:25

#AF9397

50:50

#CA9873

25:75

#DF9C4A

100%

CSS Gradient Code

background: linear-gradient(to right, #4A8DDF, #DF9C4A);
background: linear-gradient(135deg, #4A8DDF, #DF9C4A);

Explore Each Color

#4A8DDF

View full color details

#DF9C4A

View full color details

Related Comparisons