#2C8EC7

#2C8EC7

#C7652C

#C7652C

Contrast Ratio

1.09:1

Delta E

96.08

Very Different

50:50 Mix

#9E7B7B

Color Values

Format #2C8EC7 #C7652C
HEX #2C8EC7 #C7652C
RGB 44, 142, 199 199, 101, 44
HSL 202.1, 63.8%, 47.6% 22.1, 63.8%, 47.6%
HSV 202.1, 77.9%, 78.0% 22.1, 77.9%, 78.0%
CMYK 77.9%, 28.6%, 0.0%, 22.0% 0.0%, 49.2%, 77.9%, 22.0%
OKLCH 0.6173 0.1229 239.4 0.6134 0.1426 47.7

Contrast & Accessibility

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C7652C → Background: #2C8EC7

The quick brown fox jumps over the lazy dog

Text: #2C8EC7 → Background: #C7652C

Color Difference (Delta E)

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

Gradient

#2C8EC7 #6988AD #888194 #9E7B7B #AE7461 #BC6D48 #C7652C

Color Mixing

#2C8EC7

100%

#7A85A0

75:25

#9E7B7B

50:50

#B57155

25:75

#C7652C

100%

CSS Gradient Code

background: linear-gradient(to right, #2C8EC7, #C7652C);
background: linear-gradient(135deg, #2C8EC7, #C7652C);

Explore Each Color

#2C8EC7

View full color details

#C7652C

View full color details

Related Comparisons