#3F4AC5

#3F4AC5

#C5BA3F

#C5BA3F

Contrast Ratio

3.49:1

Delta E

139.45

Very Different

50:50 Mix

#9B7F8B

Color Values

Format #3F4AC5 #C5BA3F
HEX #3F4AC5 #C5BA3F
RGB 63, 74, 197 197, 186, 63
HSL 235.1, 53.6%, 51.0% 55.1, 53.6%, 51.0%
HSV 235.1, 68.0%, 77.3% 55.1, 68.0%, 77.3%
CMYK 68.0%, 62.4%, 0.0%, 22.7% 0.0%, 5.6%, 68.0%, 22.7%
OKLCH 0.4782 0.1892 273.0 0.7758 0.1407 104.2

Contrast & Accessibility

3.49:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C5BA3F → Background: #3F4AC5

The quick brown fox jumps over the lazy dog

Text: #3F4AC5 → Background: #C5BA3F

Color Difference (Delta E)

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

Gradient

#3F4AC5 #6B5BB2 #866D9F #9B7F8B #AB9275 #B9A65D #C5BA3F

Color Mixing

#3F4AC5

100%

#7A64A9

75:25

#9B7F8B

50:50

#B29C6A

25:75

#C5BA3F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F4AC5, #C5BA3F);
background: linear-gradient(135deg, #3F4AC5, #C5BA3F);

Explore Each Color

#3F4AC5

View full color details

#C5BA3F

View full color details

Related Comparisons