#1636DF

#1636DF

#DFBF16

#DFBF16

Contrast Ratio

4.42:1

Delta E

178.09

Very Different

50:50 Mix

Color Values

Format #1636DF #DFBF16
HEX #1636DF #DFBF16
RGB 22, 54, 223 223, 191, 22
HSL 230.4, 82.0%, 48.0% 50.4, 82.0%, 48.0%
HSV 230.4, 90.1%, 87.5% 50.4, 90.1%, 87.5%
CMYK 90.1%, 75.8%, 0.0%, 12.5% 0.0%, 14.3%, 90.1%, 12.5%
OKLCH 0.4554 0.2514 265.7 0.8083 0.1629 96.5

Contrast & Accessibility

4.42:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFBF16 β†’ Background: #1636DF

The quick brown fox jumps over the lazy dog

Text: #1636DF β†’ Background: #DFBF16

Color Difference (Delta E)

178.09 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #1636DF, #DFBF16);
background: linear-gradient(135deg, #1636DF, #DFBF16);

Explore Each Color

Related Comparisons