#317BDC

#317BDC

#DC9231

#DC9231

Contrast Ratio

1.64:1

Delta E

116.78

Very Different

50:50 Mix

#AB858C

Color Values

Format #317BDC #DC9231
HEX #317BDC #DC9231
RGB 49, 123, 220 220, 146, 49
HSL 214.0, 71.0%, 52.7% 34.0, 71.0%, 52.7%
HSV 214.0, 77.7%, 86.3% 34.0, 77.7%, 86.3%
CMYK 77.7%, 44.1%, 0.0%, 13.7% 0.0%, 33.6%, 77.7%, 13.7%
OKLCH 0.5877 0.1651 256.7 0.7188 0.1391 68.7

Contrast & Accessibility

1.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DC9231 → Background: #317BDC

The quick brown fox jumps over the lazy dog

Text: #317BDC → Background: #DC9231

Color Difference (Delta E)

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

Gradient

#317BDC #717EC1 #9381A7 #AB858C #BE8971 #CE8D54 #DC9231

Color Mixing

#317BDC

100%

#837FB4

75:25

#AB858C

50:50

#C68B63

25:75

#DC9231

100%

CSS Gradient Code

background: linear-gradient(to right, #317BDC, #DC9231);
background: linear-gradient(135deg, #317BDC, #DC9231);

Explore Each Color

#317BDC

View full color details

#DC9231

View full color details

Related Comparisons