#376CDF

#376CDF

#DFAA37

#DFAA37

Contrast Ratio

2.27:1

Delta E

129.98

Very Different

50:50 Mix

Color Values

Format #376CDF #DFAA37
HEX #376CDF #DFAA37
RGB 55, 108, 223 223, 170, 55
HSL 221.1, 72.4%, 54.5% 41.1, 72.4%, 54.5%
HSV 221.1, 75.3%, 87.5% 41.1, 75.3%, 87.5%
CMYK 75.3%, 51.6%, 0.0%, 12.5% 0.0%, 23.8%, 75.3%, 12.5%
OKLCH 0.5603 0.1848 263.1 0.7679 0.1399 82.6

Contrast & Accessibility

2.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFAA37 → Background: #376CDF

The quick brown fox jumps over the lazy dog

Text: #376CDF → Background: #DFAA37

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #376CDF, #DFAA37);
background: linear-gradient(135deg, #376CDF, #DFAA37);

Explore Each Color

Related Comparisons