#3F65DA

#3F65DA

#DAB43F

#DAB43F

Contrast Ratio

2.59:1

Delta E

131.3

Very Different

50:50 Mix

#A98A94

Color Values

Format #3F65DA #DAB43F
HEX #3F65DA #DAB43F
RGB 63, 101, 218 218, 180, 63
HSL 225.3, 67.7%, 55.1% 45.3, 67.7%, 55.1%
HSV 225.3, 71.1%, 85.5% 45.3, 71.1%, 85.5%
CMYK 71.1%, 53.7%, 0.0%, 14.5% 0.0%, 17.4%, 71.1%, 14.5%
OKLCH 0.5458 0.1843 266.6 0.7832 0.1378 90.5

Contrast & Accessibility

2.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DAB43F → Background: #3F65DA

The quick brown fox jumps over the lazy dog

Text: #3F65DA → Background: #DAB43F

Color Difference (Delta E)

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

Gradient

#3F65DA #7370C3 #927CAC #A98A94 #BC977B #CCA560 #DAB43F

Color Mixing

#3F65DA

100%

#8476B7

75:25

#A98A94

50:50

#C49E6E

25:75

#DAB43F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F65DA, #DAB43F);
background: linear-gradient(135deg, #3F65DA, #DAB43F);

Explore Each Color

#3F65DA

View full color details

#DAB43F

View full color details

Related Comparisons