#5885DF

#5885DF

#DFB258

#DFB258

Contrast Ratio

1.82:1

Delta E

103.7

Very Different

50:50 Mix

#B09A9F

Color Values

Format #5885DF #DFB258
HEX #5885DF #DFB258
RGB 88, 133, 223 223, 178, 88
HSL 220.0, 67.8%, 61.0% 40.0, 67.8%, 61.0%
HSV 220.0, 60.5%, 87.5% 40.0, 60.5%, 87.5%
CMYK 60.5%, 40.4%, 0.0%, 12.5% 0.0%, 20.2%, 60.5%, 12.5%
OKLCH 0.6268 0.1449 262.9 0.7866 0.1199 82.7

Contrast & Accessibility

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFB258 → Background: #5885DF

The quick brown fox jumps over the lazy dog

Text: #5885DF → Background: #DFB258

Color Difference (Delta E)

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

Gradient

#5885DF #808BCA #9B92B5 #B09A9F #C2A289 #D1AA72 #DFB258

Color Mixing

#5885DF

100%

#8E8FBF

75:25

#B09A9F

50:50

#CAA67D

25:75

#DFB258

100%

CSS Gradient Code

background: linear-gradient(to right, #5885DF, #DFB258);
background: linear-gradient(135deg, #5885DF, #DFB258);

Explore Each Color

#5885DF

View full color details

#DFB258

View full color details

Related Comparisons