#4A71DF

#4A71DF

#DFB84A

#DFB84A

Contrast Ratio

2.35:1

Delta E

123.79

Very Different

50:50 Mix

#AE929B

Color Values

Format #4A71DF #DFB84A
HEX #4A71DF #DFB84A
RGB 74, 113, 223 223, 184, 74
HSL 224.3, 70.0%, 58.2% 44.3, 70.0%, 58.2%
HSV 224.3, 66.8%, 87.5% 44.3, 66.8%, 87.5%
CMYK 66.8%, 49.3%, 0.0%, 12.5% 0.0%, 17.5%, 66.8%, 12.5%
OKLCH 0.5786 0.1732 266.4 0.7971 0.1337 89.3

Contrast & Accessibility

2.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFB84A → Background: #4A71DF

The quick brown fox jumps over the lazy dog

Text: #4A71DF → Background: #DFB84A

Color Difference (Delta E)

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

Gradient

#4A71DF #7A7BC8 #9886B2 #AE929B #C19E82 #D1AB68 #DFB84A

Color Mixing

#4A71DF

100%

#8A81BD

75:25

#AE929B

50:50

#C9A576

25:75

#DFB84A

100%

CSS Gradient Code

background: linear-gradient(to right, #4A71DF, #DFB84A);
background: linear-gradient(135deg, #4A71DF, #DFB84A);

Explore Each Color

#4A71DF

View full color details

#DFB84A

View full color details

Related Comparisons