#4456CC

#4456CC

#CCBA44

#CCBA44

Contrast Ratio

3.1:1

Delta E

133.26

Very Different

50:50 Mix

#A08590

Color Values

Format #4456CC #CCBA44
HEX #4456CC #CCBA44
RGB 68, 86, 204 204, 186, 68
HSL 232.1, 57.1%, 53.3% 52.1, 57.1%, 53.3%
HSV 232.1, 66.7%, 80.0% 52.1, 66.7%, 80.0%
CMYK 66.7%, 57.8%, 0.0%, 20.0% 0.0%, 8.8%, 66.7%, 20.0%
OKLCH 0.5087 0.1826 271.7 0.7826 0.1369 100.5

Contrast & Accessibility

3.1:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCBA44 → Background: #4456CC

The quick brown fox jumps over the lazy dog

Text: #4456CC → Background: #CCBA44

Color Difference (Delta E)

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

Gradient

#4456CC #7065B8 #8B75A4 #A08590 #B1967A #BFA862 #CCBA44

Color Mixing

#4456CC

100%

#7F6DAE

75:25

#A08590

50:50

#B99F6E

25:75

#CCBA44

100%

CSS Gradient Code

background: linear-gradient(to right, #4456CC, #CCBA44);
background: linear-gradient(135deg, #4456CC, #CCBA44);

Explore Each Color

#4456CC

View full color details

#CCBA44

View full color details

Related Comparisons