#227CCC

#227CCC

#CC7222

#CC7222

Contrast Ratio

1.24:1

Delta E

108.04

Very Different

50:50 Mix

#9F777B

Color Values

Format #227CCC #CC7222
HEX #227CCC #CC7222
RGB 34, 124, 204 204, 114, 34
HSL 208.2, 71.4%, 46.7% 28.2, 71.4%, 46.7%
HSV 208.2, 83.3%, 80.0% 28.2, 83.3%, 80.0%
CMYK 83.3%, 39.2%, 0.0%, 20.0% 0.0%, 44.1%, 83.3%, 20.0%
OKLCH 0.5759 0.1475 250.3 0.641 0.1428 56.4

Contrast & Accessibility

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC7222 → Background: #227CCC

The quick brown fox jumps over the lazy dog

Text: #227CCC → Background: #CC7222

Color Difference (Delta E)

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

Gradient

#227CCC #687AB1 #887896 #9F777B #B17560 #BF7444 #CC7222

Color Mixing

#227CCC

100%

#7A79A3

75:25

#9F777B

50:50

#B87452

25:75

#CC7222

100%

CSS Gradient Code

background: linear-gradient(to right, #227CCC, #CC7222);
background: linear-gradient(135deg, #227CCC, #CC7222);

Explore Each Color

#227CCC

View full color details

#CC7222

View full color details

Related Comparisons