#2187D2

#2187D2

#D26C21

#D26C21

Contrast Ratio

1.08:1

Delta E

109.04

Very Different

50:50 Mix

#A57A7D

Color Values

Format #2187D2 #D26C21
HEX #2187D2 #D26C21
RGB 33, 135, 210 210, 108, 33
HSL 205.4, 72.8%, 47.6% 25.4, 72.8%, 47.6%
HSV 205.4, 84.3%, 82.4% 25.4, 84.3%, 82.4%
CMYK 84.3%, 35.7%, 0.0%, 17.6% 0.0%, 48.6%, 84.3%, 17.6%
OKLCH 0.6046 0.1442 246.5 0.6393 0.1522 51.4

Contrast & Accessibility

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D26C21 → Background: #2187D2

The quick brown fox jumps over the lazy dog

Text: #2187D2 → Background: #D26C21

Color Difference (Delta E)

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

Gradient

#2187D2 #6C83B5 #8D7E99 #A57A7D #B77661 #C67144 #D26C21

Color Mixing

#2187D2

100%

#7E81A7

75:25

#A57A7D

50:50

#BF7353

25:75

#D26C21

100%

CSS Gradient Code

background: linear-gradient(to right, #2187D2, #D26C21);
background: linear-gradient(135deg, #2187D2, #D26C21);

Explore Each Color

#2187D2

View full color details

#D26C21

View full color details

Related Comparisons