#1632DF

#1632DF

#DFC316

#DFC316

Contrast Ratio

4.68:1

Delta E

181.75

Very Different

50:50 Mix

Color Values

Format #1632DF #DFC316
HEX #1632DF #DFC316
RGB 22, 50, 223 223, 195, 22
HSL 231.6, 82.0%, 48.0% 51.6, 82.0%, 48.0%
HSV 231.6, 90.1%, 87.5% 51.6, 90.1%, 87.5%
CMYK 90.1%, 77.6%, 0.0%, 12.5% 0.0%, 12.6%, 90.1%, 12.5%
OKLCH 0.4501 0.2549 265.9 0.8165 0.1655 98.5

Contrast & Accessibility

4.68:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFC316 β†’ Background: #1632DF

The quick brown fox jumps over the lazy dog

Text: #1632DF β†’ Background: #DFC316

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #1632DF, #DFC316);
background: linear-gradient(135deg, #1632DF, #DFC316);

Explore Each Color

Related Comparisons