#1176DF

#1176DF

#DF7A11

#DF7A11

Contrast Ratio

1.48:1

Delta E

128.2

Very Different

50:50 Mix

#AD7682

Color Values

Format #1176DF #DF7A11
HEX #1176DF #DF7A11
RGB 17, 118, 223 223, 122, 17
HSL 210.6, 85.8%, 47.1% 30.6, 85.8%, 47.1%
HSV 210.6, 92.4%, 87.5% 30.6, 92.4%, 87.5%
CMYK 92.4%, 47.1%, 0.0%, 12.5% 0.0%, 45.3%, 92.4%, 12.5%
OKLCH 0.5723 0.181 255.0 0.6791 0.1595 57.4

Contrast & Accessibility

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF7A11 → Background: #1176DF

The quick brown fox jumps over the lazy dog

Text: #1176DF → Background: #DF7A11

Color Difference (Delta E)

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

Gradient

#1176DF #6F76C0 #9476A1 #AD7682 #C17763 #D17941 #DF7A11

Color Mixing

#1176DF

100%

#8376B0

75:25

#AD7682

50:50

#C97853

25:75

#DF7A11

100%

CSS Gradient Code

background: linear-gradient(to right, #1176DF, #DF7A11);
background: linear-gradient(135deg, #1176DF, #DF7A11);

Explore Each Color

#1176DF

View full color details

#DF7A11

View full color details

Related Comparisons