#167BDC

#167BDC

#DC7716

#DC7716

Contrast Ratio

1.37:1

Delta E

123.01

Very Different

50:50 Mix

Color Values

Format #167BDC #DC7716
HEX #167BDC #DC7716
RGB 22, 123, 220 220, 119, 22
HSL 209.4, 81.8%, 47.5% 29.4, 81.8%, 47.5%
HSV 209.4, 90.0%, 86.3% 29.4, 90.0%, 86.3%
CMYK 90.0%, 44.1%, 0.0%, 13.7% 0.0%, 45.9%, 90.0%, 13.7%
OKLCH 0.5819 0.1709 253.2 0.6703 0.1575 56.2

Contrast & Accessibility

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DC7716 β†’ Background: #167BDC

The quick brown fox jumps over the lazy dog

Text: #167BDC β†’ Background: #DC7716

Color Difference (Delta E)

123.01 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #167BDC, #DC7716);
background: linear-gradient(135deg, #167BDC, #DC7716);

Explore Each Color

Related Comparisons