#3F59F9

#3F59F9

#F9DF3F

#F9DF3F

Contrast Ratio

3.91:1

Delta E

172.09

Very Different

50:50 Mix

#C298A9

Color Values

Format #3F59F9 #F9DF3F
HEX #3F59F9 #F9DF3F
RGB 63, 89, 249 249, 223, 63
HSL 231.6, 93.9%, 61.2% 51.6, 93.9%, 61.2%
HSV 231.6, 74.7%, 97.6% 51.6, 74.7%, 97.6%
CMYK 74.7%, 64.3%, 0.0%, 2.4% 0.0%, 10.4%, 74.7%, 2.4%
OKLCH 0.5494 0.2379 269.4 0.8991 0.1693 99.6

Contrast & Accessibility

3.91:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F9DF3F → Background: #3F59F9

The quick brown fox jumps over the lazy dog

Text: #3F59F9 → Background: #F9DF3F

Color Difference (Delta E)

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

Gradient

#3F59F9 #826CDF #A782C5 #C298A9 #D8AF8C #EAC76B #F9DF3F

Color Mixing

#3F59F9

100%

#9677D2

75:25

#C298A9

50:50

#E1BB7D

25:75

#F9DF3F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F59F9, #F9DF3F);
background: linear-gradient(135deg, #3F59F9, #F9DF3F);

Explore Each Color

#3F59F9

View full color details

#F9DF3F

View full color details

Related Comparisons