#167FDF

#167FDF

#DF7616

#DF7616

Contrast Ratio

1.31:1

Delta E

123.5

Very Different

50:50 Mix

#AE7A82

Color Values

Format #167FDF #DF7616
HEX #167FDF #DF7616
RGB 22, 127, 223 223, 118, 22
HSL 208.7, 82.0%, 48.0% 28.7, 82.0%, 48.0%
HSV 208.7, 90.1%, 87.5% 28.7, 90.1%, 87.5%
CMYK 90.1%, 43.0%, 0.0%, 12.5% 0.0%, 47.1%, 90.1%, 12.5%
OKLCH 0.5928 0.1703 252.3 0.6728 0.1607 54.8

Contrast & Accessibility

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7616 → Background: #167FDF

The quick brown fox jumps over the lazy dog

Text: #167FDF → Background: #DF7616

Color Difference (Delta E)

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

Gradient

#167FDF #707DC0 #957BA1 #AE7A82 #C17863 #D17742 #DF7616

Color Mixing

#167FDF

100%

#847CB0

75:25

#AE7A82

50:50

#CA7853

25:75

#DF7616

100%

CSS Gradient Code

background: linear-gradient(to right, #167FDF, #DF7616);
background: linear-gradient(135deg, #167FDF, #DF7616);

Explore Each Color

#167FDF

View full color details

#DF7616

View full color details

Related Comparisons