#168ADF

#168ADF

#DF6B16

#DF6B16

Contrast Ratio

1.09:1

Delta E

120.24

Very Different

50:50 Mix

#AF7B81

Color Values

Format #168ADF #DF6B16
HEX #168ADF #DF6B16
RGB 22, 138, 223 223, 107, 22
HSL 205.4, 82.0%, 48.0% 25.4, 82.0%, 48.0%
HSV 205.4, 90.1%, 87.5% 25.4, 90.1%, 87.5%
CMYK 90.1%, 38.1%, 0.0%, 12.5% 0.0%, 52.0%, 90.1%, 12.5%
OKLCH 0.6175 0.1588 247.9 0.6557 0.1678 49.4

Contrast & Accessibility

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF6B16 → Background: #168ADF

The quick brown fox jumps over the lazy dog

Text: #168ADF → Background: #DF6B16

Color Difference (Delta E)

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

Gradient

#168ADF #7185BF #9680A0 #AF7B81 #C27661 #D27141 #DF6B16

Color Mixing

#168ADF

100%

#8683AF

75:25

#AF7B81

50:50

#CB7351

25:75

#DF6B16

100%

CSS Gradient Code

background: linear-gradient(to right, #168ADF, #DF6B16);
background: linear-gradient(135deg, #168ADF, #DF6B16);

Explore Each Color

#168ADF

View full color details

#DF6B16

View full color details

Related Comparisons