#1638DF

#1638DF

#DFBD16

#DFBD16

Contrast Ratio

4.29:1

Delta E

176.25

Very Different

50:50 Mix

Color Values

Format #1638DF #DFBD16
HEX #1638DF #DFBD16
RGB 22, 56, 223 223, 189, 22
HSL 229.9, 82.0%, 48.0% 49.9, 82.0%, 48.0%
HSV 229.9, 90.1%, 87.5% 49.9, 90.1%, 87.5%
CMYK 90.1%, 74.9%, 0.0%, 12.5% 0.0%, 15.2%, 90.1%, 12.5%
OKLCH 0.4581 0.2496 265.6 0.8042 0.1617 95.6

Contrast & Accessibility

4.29:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFBD16 β†’ Background: #1638DF

The quick brown fox jumps over the lazy dog

Text: #1638DF β†’ Background: #DFBD16

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #1638DF, #DFBD16);
background: linear-gradient(135deg, #1638DF, #DFBD16);

Explore Each Color

Related Comparisons