#3A93DF

#3A93DF

#DF863A

#DF863A

Contrast Ratio

1.19:1

Delta E

104.01

Very Different

50:50 Mix

#AF8C8F

Color Values

Format #3A93DF #DF863A
HEX #3A93DF #DF863A
RGB 58, 147, 223 223, 134, 58
HSL 207.6, 72.1%, 55.1% 27.6, 72.1%, 55.1%
HSV 207.6, 74.0%, 87.5% 27.6, 74.0%, 87.5%
CMYK 74.0%, 34.1%, 0.0%, 12.5% 0.0%, 39.9%, 74.0%, 12.5%
OKLCH 0.6455 0.1415 248.0 0.7018 0.1406 57.6

Contrast & Accessibility

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF863A → Background: #3A93DF

The quick brown fox jumps over the lazy dog

Text: #3A93DF → Background: #DF863A

Color Difference (Delta E)

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

Gradient

#3A93DF #7691C4 #978FA9 #AF8C8F #C28A74 #D28859 #DF863A

Color Mixing

#3A93DF

100%

#8890B7

75:25

#AF8C8F

50:50

#CA8967

25:75

#DF863A

100%

CSS Gradient Code

background: linear-gradient(to right, #3A93DF, #DF863A);
background: linear-gradient(135deg, #3A93DF, #DF863A);

Explore Each Color

#3A93DF

View full color details

#DF863A

View full color details

Related Comparisons