#2C76D2

#2C76D2

#D2882C

#D2882C

Contrast Ratio

1.58:1

Delta E

112.76

Very Different

50:50 Mix

#A37D84

Color Values

Format #2C76D2 #D2882C
HEX #2C76D2 #D2882C
RGB 44, 118, 210 210, 136, 44
HSL 213.3, 65.4%, 49.8% 33.3, 65.4%, 49.8%
HSV 213.3, 79.0%, 82.4% 33.3, 79.0%, 82.4%
CMYK 79.0%, 43.8%, 0.0%, 17.6% 0.0%, 35.2%, 79.0%, 17.6%
OKLCH 0.5688 0.1591 255.9 0.6881 0.1359 66.9

Contrast & Accessibility

1.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D2882C → Background: #2C76D2

The quick brown fox jumps over the lazy dog

Text: #2C76D2 → Background: #D2882C

Color Difference (Delta E)

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

Gradient

#2C76D2 #6B78B8 #8C7B9E #A37D84 #B5816A #C5844E #D2882C

Color Mixing

#2C76D2

100%

#7D79AB

75:25

#A37D84

50:50

#BD825C

25:75

#D2882C

100%

CSS Gradient Code

background: linear-gradient(to right, #2C76D2, #D2882C);
background: linear-gradient(135deg, #2C76D2, #D2882C);

Explore Each Color

#2C76D2

View full color details

#D2882C

View full color details

Related Comparisons