#2279CC

#2279CC

#CC7522

#CC7522

Contrast Ratio

1.31:1

Delta E

109.25

Very Different

50:50 Mix

#9F767C

Color Values

Format #2279CC #CC7522
HEX #2279CC #CC7522
RGB 34, 121, 204 204, 117, 34
HSL 209.3, 71.4%, 46.7% 29.3, 71.4%, 46.7%
HSV 209.3, 83.3%, 80.0% 29.3, 83.3%, 80.0%
CMYK 83.3%, 40.7%, 0.0%, 20.0% 0.0%, 42.6%, 83.3%, 20.0%
OKLCH 0.5691 0.1507 251.7 0.6461 0.1413 58.3

Contrast & Accessibility

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC7522 → Background: #2279CC

The quick brown fox jumps over the lazy dog

Text: #2279CC → Background: #CC7522

Color Difference (Delta E)

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

Gradient

#2279CC #6778B1 #887796 #9F767C #B17661 #BF7544 #CC7522

Color Mixing

#2279CC

100%

#7977A4

75:25

#9F767C

50:50

#B87653

25:75

#CC7522

100%

CSS Gradient Code

background: linear-gradient(to right, #2279CC, #CC7522);
background: linear-gradient(135deg, #2279CC, #CC7522);

Explore Each Color

#2279CC

View full color details

#CC7522

View full color details

Related Comparisons