#3F5AC8

#3F5AC8

#C8AD3F

#C8AD3F

Contrast Ratio

2.71:1

Delta E

125.03

Very Different

50:50 Mix

#9C818A

Color Values

Format #3F5AC8 #C8AD3F
HEX #3F5AC8 #C8AD3F
RGB 63, 90, 200 200, 173, 63
HSL 228.2, 55.5%, 51.6% 48.2, 55.5%, 51.6%
HSV 228.2, 68.5%, 78.4% 48.2, 68.5%, 78.4%
CMYK 68.5%, 55.0%, 0.0%, 21.6% 0.0%, 13.5%, 68.5%, 21.6%
OKLCH 0.5105 0.1736 269.0 0.7513 0.1302 95.2

Contrast & Accessibility

2.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C8AD3F → Background: #3F5AC8

The quick brown fox jumps over the lazy dog

Text: #3F5AC8 → Background: #C8AD3F

Color Difference (Delta E)

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

Gradient

#3F5AC8 #6C66B4 #87739F #9C818A #AD8F74 #BB9E5C #C8AD3F

Color Mixing

#3F5AC8

100%

#7B6CAA

75:25

#9C818A

50:50

#B49669

25:75

#C8AD3F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F5AC8, #C8AD3F);
background: linear-gradient(135deg, #3F5AC8, #C8AD3F);

Explore Each Color

#3F5AC8

View full color details

#C8AD3F

View full color details

Related Comparisons