#464BAF

#464BAF

#AFAA46

#AFAA46

Contrast Ratio

3.0:1

Delta E

116.66

Very Different

50:50 Mix

#8B7880

Color Values

Format #464BAF #AFAA46
HEX #464BAF #AFAA46
RGB 70, 75, 175 175, 170, 70
HSL 237.1, 42.9%, 48.0% 57.1, 42.9%, 48.0%
HSV 237.1, 60.0%, 68.6% 57.1, 60.0%, 68.6%
CMYK 60.0%, 57.1%, 0.0%, 31.4% 0.0%, 2.9%, 60.0%, 31.4%
OKLCH 0.4665 0.1566 276.3 0.7224 0.1218 106.4

Contrast & Accessibility

3.0:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AFAA46 → Background: #464BAF

The quick brown fox jumps over the lazy dog

Text: #464BAF → Background: #AFAA46

Color Difference (Delta E)

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

Gradient

#464BAF #6559A0 #7B6990 #8B7880 #99896F #A5995C #AFAA46

Color Mixing

#464BAF

100%

#716198

75:25

#8B7880

50:50

#9F9166

25:75

#AFAA46

100%

CSS Gradient Code

background: linear-gradient(to right, #464BAF, #AFAA46);
background: linear-gradient(135deg, #464BAF, #AFAA46);

Explore Each Color

#464BAF

View full color details

#AFAA46

View full color details

Related Comparisons