#3184DF

#3184DF

#DF8C31

#DF8C31

Contrast Ratio

1.44:1

Delta E

113.93

Very Different

50:50 Mix

#AE878D

Color Values

Format #3184DF #DF8C31
HEX #3184DF #DF8C31
RGB 49, 132, 223 223, 140, 49
HSL 211.4, 73.1%, 53.3% 31.4, 73.1%, 53.3%
HSV 211.4, 78.0%, 87.5% 31.4, 78.0%, 87.5%
CMYK 78.0%, 40.8%, 0.0%, 12.5% 0.0%, 37.2%, 78.0%, 12.5%
OKLCH 0.6094 0.1591 253.6 0.7116 0.1425 63.5

Contrast & Accessibility

1.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF8C31 → Background: #3184DF

The quick brown fox jumps over the lazy dog

Text: #3184DF → Background: #DF8C31

Color Difference (Delta E)

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

Gradient

#3184DF #7385C3 #9586A8 #AE878D #C18871 #D18A53 #DF8C31

Color Mixing

#3184DF

100%

#8685B6

75:25

#AE878D

50:50

#C98962

25:75

#DF8C31

100%

CSS Gradient Code

background: linear-gradient(to right, #3184DF, #DF8C31);
background: linear-gradient(135deg, #3184DF, #DF8C31);

Explore Each Color

#3184DF

View full color details

#DF8C31

View full color details

Related Comparisons