#204BDF

#204BDF

#DFB420

#DFB420

Contrast Ratio

3.41:1

Delta E

160.04

Very Different

50:50 Mix

#AC7B8F

Color Values

Format #204BDF #DFB420
HEX #204BDF #DFB420
RGB 32, 75, 223 223, 180, 32
HSL 226.5, 74.9%, 50.0% 46.5, 74.9%, 50.0%
HSV 226.5, 85.7%, 87.5% 46.5, 85.7%, 87.5%
CMYK 85.7%, 66.4%, 0.0%, 12.5% 0.0%, 19.3%, 85.7%, 12.5%
OKLCH 0.4903 0.2286 265.3 0.7864 0.1541 90.5

Contrast & Accessibility

3.41:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFB420 → Background: #204BDF

The quick brown fox jumps over the lazy dog

Text: #204BDF → Background: #DFB420

Color Difference (Delta E)

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

Gradient

#204BDF #6E59C5 #936AAA #AC7B8F #C08E72 #D1A151 #DFB420

Color Mixing

#204BDF

100%

#8261B7

75:25

#AC7B8F

50:50

#C99763

25:75

#DFB420

100%

CSS Gradient Code

background: linear-gradient(to right, #204BDF, #DFB420);
background: linear-gradient(135deg, #204BDF, #DFB420);

Explore Each Color

#204BDF

View full color details

#DFB420

View full color details

Related Comparisons