#3F46CE

#3F46CE

#CEC73F

#CEC73F

Contrast Ratio

3.98:1

Delta E

152.49

Very Different

50:50 Mix

#A28491

Color Values

Format #3F46CE #CEC73F
HEX #3F46CE #CEC73F
RGB 63, 70, 206 206, 199, 63
HSL 237.1, 59.3%, 52.7% 57.1, 59.3%, 52.7%
HSV 237.1, 69.4%, 80.8% 57.1, 69.4%, 80.8%
CMYK 69.4%, 66.0%, 0.0%, 19.2% 0.0%, 3.4%, 69.4%, 19.2%
OKLCH 0.4794 0.2055 273.3 0.8114 0.1518 106.4

Contrast & Accessibility

3.98:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CEC73F → Background: #3F46CE

The quick brown fox jumps over the lazy dog

Text: #3F46CE → Background: #CEC73F

Color Difference (Delta E)

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

Gradient

#3F46CE #6F59BA #8C6EA6 #A28491 #B39A7A #C2B061 #CEC73F

Color Mixing

#3F46CE

100%

#7F64B0

75:25

#A28491

50:50

#BBA56E

25:75

#CEC73F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F46CE, #CEC73F);
background: linear-gradient(135deg, #3F46CE, #CEC73F);

Explore Each Color

#3F46CE

View full color details

#CEC73F

View full color details

Related Comparisons