#1686DF

#1686DF

#DF6F16

#DF6F16

Contrast Ratio

1.17:1

Delta E

121.22

Very Different

50:50 Mix

#AF7B81

Color Values

Format #1686DF #DF6F16
HEX #1686DF #DF6F16
RGB 22, 134, 223 223, 111, 22
HSL 206.6, 82.0%, 48.0% 26.6, 82.0%, 48.0%
HSV 206.6, 90.1%, 87.5% 26.6, 90.1%, 87.5%
CMYK 90.1%, 39.9%, 0.0%, 12.5% 0.0%, 50.2%, 90.1%, 12.5%
OKLCH 0.6085 0.1628 249.6 0.6618 0.1651 51.3

Contrast & Accessibility

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF6F16 → Background: #1686DF

The quick brown fox jumps over the lazy dog

Text: #1686DF → Background: #DF6F16

Color Difference (Delta E)

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

Gradient

#1686DF #7182BF #967EA0 #AF7B81 #C27762 #D27341 #DF6F16

Color Mixing

#1686DF

100%

#8580B0

75:25

#AF7B81

50:50

#CA7552

25:75

#DF6F16

100%

CSS Gradient Code

background: linear-gradient(to right, #1686DF, #DF6F16);
background: linear-gradient(135deg, #1686DF, #DF6F16);

Explore Each Color

#1686DF

View full color details

#DF6F16

View full color details

Related Comparisons