#3355CD

#3355CD

#CDAB33

#CDAB33

Contrast Ratio

2.85:1

Delta E

135.03

Very Different

50:50 Mix

Color Values

Format #3355CD #CDAB33
HEX #3355CD #CDAB33
RGB 51, 85, 205 205, 171, 51
HSL 226.8, 60.6%, 50.2% 46.8, 60.6%, 50.2%
HSV 226.8, 75.1%, 80.4% 46.8, 75.1%, 80.4%
CMYK 75.1%, 58.5%, 0.0%, 19.6% 0.0%, 16.6%, 75.1%, 19.6%
OKLCH 0.4991 0.1898 267.0 0.7511 0.1374 92.4

Contrast & Accessibility

2.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CDAB33 β†’ Background: #3355CD

The quick brown fox jumps over the lazy dog

Text: #3355CD β†’ Background: #CDAB33

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3355CD, #CDAB33);
background: linear-gradient(135deg, #3355CD, #CDAB33);

Explore Each Color

Related Comparisons