#0086CC

#0086CC

#CC4600

#CC4600

Contrast Ratio

1.19:1

Delta E

117.94

Very Different

50:50 Mix

#A36A6E

Color Values

Format #0086CC #CC4600
HEX #0086CC #CC4600
RGB 0, 134, 204 204, 70, 0
HSL 200.6, 100.0%, 40.0% 20.6, 100.0%, 40.0%
HSV 200.6, 100.0%, 80.0% 20.6, 100.0%, 80.0%
CMYK 100.0%, 34.3%, 0.0%, 20.0% 0.0%, 65.7%, 100.0%, 20.0%
OKLCH 0.5951 0.1429 242.6 0.5756 0.1808 40.0

Contrast & Accessibility

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC4600 → Background: #0086CC

The quick brown fox jumps over the lazy dog

Text: #0086CC → Background: #CC4600

Color Difference (Delta E)

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

Gradient

#0086CC #697DAC #8C748D #A36A6E #B4604F #C1542F #CC4600

Color Mixing

#0086CC

100%

#7C799C

75:25

#A36A6E

50:50

#BB5A3F

25:75

#CC4600

100%

CSS Gradient Code

background: linear-gradient(to right, #0086CC, #CC4600);
background: linear-gradient(135deg, #0086CC, #CC4600);

Explore Each Color

#0086CC

View full color details

#CC4600

View full color details

Related Comparisons