#3738DF

#3738DF

#DFDE37

#DFDE37

Contrast Ratio

5.24:1

Delta E

181.87

Very Different

50:50 Mix

Color Values

Format #3738DF #DFDE37
HEX #3738DF #DFDE37
RGB 55, 56, 223 223, 222, 55
HSL 239.6, 72.4%, 54.5% 59.6, 72.4%, 54.5%
HSV 239.6, 75.3%, 87.5% 59.6, 75.3%, 87.5%
CMYK 75.3%, 74.9%, 0.0%, 12.5% 0.0%, 0.4%, 75.3%, 12.5%
OKLCH 0.4706 0.2423 271.9 0.8741 0.1751 109.2

Contrast & Accessibility

5.24:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFDE37 β†’ Background: #3738DF

The quick brown fox jumps over the lazy dog

Text: #3738DF β†’ Background: #DFDE37

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3738DF, #DFDE37);
background: linear-gradient(135deg, #3738DF, #DFDE37);

Explore Each Color

Related Comparisons