#3D5AC3

#3D5AC3

#C3A63D

#C3A63D

Contrast Ratio

2.56:1

Delta E

120.17

Very Different

50:50 Mix

#987D86

Color Values

Format #3D5AC3 #C3A63D
HEX #3D5AC3 #C3A63D
RGB 61, 90, 195 195, 166, 61
HSL 227.0, 52.8%, 50.2% 47.0, 52.8%, 50.2%
HSV 227.0, 68.7%, 76.5% 47.0, 68.7%, 76.5%
CMYK 68.7%, 53.8%, 0.0%, 23.5% 0.0%, 14.9%, 68.7%, 23.5%
OKLCH 0.5056 0.1674 268.2 0.7317 0.1261 93.4

Contrast & Accessibility

2.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C3A63D → Background: #3D5AC3

The quick brown fox jumps over the lazy dog

Text: #3D5AC3 → Background: #C3A63D

Color Difference (Delta E)

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

Gradient

#3D5AC3 #6965AF #84719B #987D86 #A98B71 #B79859 #C3A63D

Color Mixing

#3D5AC3

100%

#776BA5

75:25

#987D86

50:50

#B09166

25:75

#C3A63D

100%

CSS Gradient Code

background: linear-gradient(to right, #3D5AC3, #C3A63D);
background: linear-gradient(135deg, #3D5AC3, #C3A63D);

Explore Each Color

#3D5AC3

View full color details

#C3A63D

View full color details

Related Comparisons