#3115CF

#3115CF

#B3CF15

#B3CF15

Contrast Ratio

5.54:1

Delta E

194.15

Very Different

50:50 Mix

Color Values

Format #3115CF #B3CF15
HEX #3115CF #B3CF15
RGB 49, 21, 207 179, 207, 21
HSL 249.0, 81.6%, 44.7% 69.0, 81.6%, 44.7%
HSV 249.0, 89.9%, 81.2% 69.0, 89.9%, 81.2%
CMYK 76.3%, 89.9%, 0.0%, 18.8% 13.5%, 0.0%, 89.9%, 18.8%
OKLCH 0.4139 0.2504 273.1 0.8055 0.1859 119.2

Contrast & Accessibility

5.54:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B3CF15 β†’ Background: #3115CF

The quick brown fox jumps over the lazy dog

Text: #3115CF β†’ Background: #B3CF15

Color Difference (Delta E)

194.15 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3115CF, #B3CF15);
background: linear-gradient(135deg, #3115CF, #B3CF15);

Explore Each Color

Related Comparisons