#166BDF

#166BDF

#DF8A16

#DF8A16

Contrast Ratio

1.85:1

Delta E

133.67

Very Different

50:50 Mix

#AC7886

Color Values

Format #166BDF #DF8A16
HEX #166BDF #DF8A16
RGB 22, 107, 223 223, 138, 22
HSL 214.6, 82.0%, 48.0% 34.6, 82.0%, 48.0%
HSV 214.6, 90.1%, 87.5% 34.6, 90.1%, 87.5%
CMYK 90.1%, 52.0%, 0.0%, 12.5% 0.0%, 38.1%, 90.1%, 12.5%
OKLCH 0.5495 0.1931 258.5 0.7066 0.1522 66.0

Contrast & Accessibility

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF8A16 → Background: #166BDF

The quick brown fox jumps over the lazy dog

Text: #166BDF → Background: #DF8A16

Color Difference (Delta E)

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

Gradient

#166BDF #6E6EC1 #9373A3 #AC7886 #C07D67 #D18346 #DF8A16

Color Mixing

#166BDF

100%

#8270B2

75:25

#AC7886

50:50

#C98057

25:75

#DF8A16

100%

CSS Gradient Code

background: linear-gradient(to right, #166BDF, #DF8A16);
background: linear-gradient(135deg, #166BDF, #DF8A16);

Explore Each Color

#166BDF

View full color details

#DF8A16

View full color details

Related Comparisons