#3D82DF

#3D82DF

#DF9A3D

#DF9A3D

Contrast Ratio

1.62:1

Delta E

111.87

Very Different

50:50 Mix

#AE8C92

Color Values

Format #3D82DF #DF9A3D
HEX #3D82DF #DF9A3D
RGB 61, 130, 223 223, 154, 61
HSL 214.4, 71.7%, 55.7% 34.4, 71.7%, 55.7%
HSV 214.4, 72.6%, 87.5% 34.4, 72.6%, 87.5%
CMYK 72.6%, 41.7%, 0.0%, 12.5% 0.0%, 30.9%, 72.6%, 12.5%
OKLCH 0.6088 0.1576 256.8 0.738 0.1342 70.6

Contrast & Accessibility

1.62:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF9A3D → Background: #3D82DF

The quick brown fox jumps over the lazy dog

Text: #3D82DF → Background: #DF9A3D

Color Difference (Delta E)

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

Gradient

#3D82DF #7685C5 #9689AC #AE8C92 #C19178 #D1955D #DF9A3D

Color Mixing

#3D82DF

100%

#8787B9

75:25

#AE8C92

50:50

#C9936B

25:75

#DF9A3D

100%

CSS Gradient Code

background: linear-gradient(to right, #3D82DF, #DF9A3D);
background: linear-gradient(135deg, #3D82DF, #DF9A3D);

Explore Each Color

#3D82DF

View full color details

#DF9A3D

View full color details

Related Comparisons