#3C7CDF

#3C7CDF

#DF9F3C

#DF9F3C

Contrast Ratio

1.78:1

Delta E

116.31

Very Different

50:50 Mix

#AD8C93

Color Values

Format #3C7CDF #DF9F3C
HEX #3C7CDF #DF9F3C
RGB 60, 124, 223 223, 159, 60
HSL 216.4, 71.8%, 55.5% 36.4, 71.8%, 55.5%
HSV 216.4, 73.1%, 87.5% 36.4, 73.1%, 87.5%
CMYK 73.1%, 44.4%, 0.0%, 12.5% 0.0%, 28.7%, 73.1%, 12.5%
OKLCH 0.5955 0.1647 259.0 0.7472 0.1349 74.4

Contrast & Accessibility

1.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9F3C → Background: #3C7CDF

The quick brown fox jumps over the lazy dog

Text: #3C7CDF → Background: #DF9F3C

Color Difference (Delta E)

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

Gradient

#3C7CDF #7581C6 #9586AC #AD8C93 #C09278 #D1985D #DF9F3C

Color Mixing

#3C7CDF

100%

#8783B9

75:25

#AD8C93

50:50

#C9956B

25:75

#DF9F3C

100%

CSS Gradient Code

background: linear-gradient(to right, #3C7CDF, #DF9F3C);
background: linear-gradient(135deg, #3C7CDF, #DF9F3C);

Explore Each Color

#3C7CDF

View full color details

#DF9F3C

View full color details

Related Comparisons