#4077CC

#4077CC

#CC9540

#CC9540

Contrast Ratio

1.68:1

Delta E

102.08

Very Different

50:50 Mix

#9F848A

Color Values

Format #4077CC #CC9540
HEX #4077CC #CC9540
RGB 64, 119, 204 204, 149, 64
HSL 216.4, 57.9%, 52.5% 36.4, 57.9%, 52.5%
HSV 216.4, 68.6%, 80.0% 36.4, 68.6%, 80.0%
CMYK 68.6%, 41.7%, 0.0%, 20.0% 0.0%, 27.0%, 68.6%, 20.0%
OKLCH 0.5741 0.1438 258.9 0.7073 0.1203 75.2

Contrast & Accessibility

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC9540 → Background: #4077CC

The quick brown fox jumps over the lazy dog

Text: #4077CC → Background: #CC9540

Color Difference (Delta E)

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

Gradient

#4077CC #6E7BB6 #8A80A0 #9F848A #B08A73 #BF8F5B #CC9540

Color Mixing

#4077CC

100%

#7D7DAB

75:25

#9F848A

50:50

#B88C67

25:75

#CC9540

100%

CSS Gradient Code

background: linear-gradient(to right, #4077CC, #CC9540);
background: linear-gradient(135deg, #4077CC, #CC9540);

Explore Each Color

#4077CC

View full color details

#CC9540

View full color details

Related Comparisons