#3350CC

#3350CC

#CCAF33

#CCAF33

Contrast Ratio

3.08:1

Delta E

139.18

Very Different

50:50 Mix

#9E7C89

Color Values

Format #3350CC #CCAF33
HEX #3350CC #CCAF33
RGB 51, 80, 204 204, 175, 51
HSL 228.6, 60.0%, 50.0% 48.6, 60.0%, 50.0%
HSV 228.6, 75.0%, 80.0% 48.6, 75.0%, 80.0%
CMYK 75.0%, 60.8%, 0.0%, 20.0% 0.0%, 14.2%, 75.0%, 20.0%
OKLCH 0.4889 0.1944 268.1 0.7584 0.1397 95.3

Contrast & Accessibility

3.08:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCAF33 → Background: #3350CC

The quick brown fox jumps over the lazy dog

Text: #3350CC → Background: #CCAF33

Color Difference (Delta E)

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

Gradient

#3350CC #6A5EB6 #886CA0 #9E7C89 #B08D71 #BF9E56 #CCAF33

Color Mixing

#3350CC

100%

#7A65AB

75:25

#9E7C89

50:50

#B89564

25:75

#CCAF33

100%

CSS Gradient Code

background: linear-gradient(to right, #3350CC, #CCAF33);
background: linear-gradient(135deg, #3350CC, #CCAF33);

Explore Each Color

#3350CC

View full color details

#CCAF33

View full color details

Related Comparisons