#004DCC

#004DCC

#CC7F00

#CC7F00

Contrast Ratio

2.25:1

Delta E

138.88

Very Different

50:50 Mix

#9D6278

Color Values

Format #004DCC #CC7F00
HEX #004DCC #CC7F00
RGB 0, 77, 204 204, 127, 0
HSL 217.4, 100.0%, 40.0% 37.4, 100.0%, 40.0%
HSV 217.4, 100.0%, 80.0% 37.4, 100.0%, 80.0%
CMYK 100.0%, 62.3%, 0.0%, 20.0% 0.0%, 37.7%, 100.0%, 20.0%
OKLCH 0.4704 0.2071 261.3 0.6626 0.1453 68.1

Contrast & Accessibility

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC7F00 → Background: #004DCC

The quick brown fox jumps over the lazy dog

Text: #004DCC → Background: #CC7F00

Color Difference (Delta E)

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

Gradient

#004DCC #6353B0 #855A94 #9D6278 #B06B5B #BF753B #CC7F00

Color Mixing

#004DCC

100%

#7656A2

75:25

#9D6278

50:50

#B7704C

25:75

#CC7F00

100%

CSS Gradient Code

background: linear-gradient(to right, #004DCC, #CC7F00);
background: linear-gradient(135deg, #004DCC, #CC7F00);

Explore Each Color

#004DCC

View full color details

#CC7F00

View full color details

Related Comparisons