#396CDB

#396CDB

#DBA839

#DBA839

Contrast Ratio

2.23:1

Delta E

126.13

Very Different

50:50 Mix

Color Values

Format #396CDB #DBA839
HEX #396CDB #DBA839
RGB 57, 108, 219 219, 168, 57
HSL 221.1, 69.2%, 54.1% 41.1, 69.2%, 54.1%
HSV 221.1, 74.0%, 85.9% 41.1, 74.0%, 85.9%
CMYK 74.0%, 50.7%, 0.0%, 14.1% 0.0%, 23.3%, 74.0%, 14.1%
OKLCH 0.5581 0.179 263.2 0.7599 0.1365 82.9

Contrast & Accessibility

2.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DBA839 → Background: #396CDB

The quick brown fox jumps over the lazy dog

Text: #396CDB → Background: #DBA839

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #396CDB, #DBA839);
background: linear-gradient(135deg, #396CDB, #DBA839);

Explore Each Color

Related Comparisons