#2C8CB0

#2C8CB0

#B0502C

#B0502C

Contrast Ratio

1.36:1

Delta E

84.5

Very Different

50:50 Mix

#8D716D

Color Values

Format #2C8CB0 #B0502C
HEX #2C8CB0 #B0502C
RGB 44, 140, 176 176, 80, 44
HSL 196.4, 60.0%, 43.1% 16.4, 60.0%, 43.1%
HSV 196.4, 75.0%, 69.0% 16.4, 75.0%, 69.0%
CMYK 75.0%, 20.5%, 0.0%, 31.0% 0.0%, 54.5%, 75.0%, 31.0%
OKLCH 0.6011 0.1019 227.7 0.547 0.1351 40.2

Contrast & Accessibility

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B0502C → Background: #2C8CB0

The quick brown fox jumps over the lazy dog

Text: #2C8CB0 → Background: #B0502C

Color Difference (Delta E)

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

Gradient

#2C8CB0 #608399 #7B7A83 #8D716D #9C6758 #A75C42 #B0502C

Color Mixing

#2C8CB0

100%

#6F7F8E

75:25

#8D716D

50:50

#A2614D

25:75

#B0502C

100%

CSS Gradient Code

background: linear-gradient(to right, #2C8CB0, #B0502C);
background: linear-gradient(135deg, #2C8CB0, #B0502C);

Explore Each Color

#2C8CB0

View full color details

#B0502C

View full color details

Related Comparisons