#586DCF

#586DCF

#CFBA58

#CFBA58

Contrast Ratio

2.4:1

Delta E

111.13

Very Different

50:50 Mix

#A59198

Color Values

Format #586DCF #CFBA58
HEX #586DCF #CFBA58
RGB 88, 109, 207 207, 186, 88
HSL 229.4, 55.3%, 57.8% 49.4, 55.3%, 57.8%
HSV 229.4, 57.5%, 81.2% 49.4, 57.5%, 81.2%
CMYK 57.5%, 47.3%, 0.0%, 18.8% 0.0%, 10.1%, 57.5%, 18.8%
OKLCH 0.5675 0.152 271.7 0.7873 0.1207 97.4

Contrast & Accessibility

2.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CFBA58 → Background: #586DCF

The quick brown fox jumps over the lazy dog

Text: #586DCF → Background: #CFBA58

Color Difference (Delta E)

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

Gradient

#586DCF #7A79BD #9285AB #A59198 #B59F85 #C3AC70 #CFBA58

Color Mixing

#586DCF

100%

#877FB4

75:25

#A59198

50:50

#BCA57A

25:75

#CFBA58

100%

CSS Gradient Code

background: linear-gradient(to right, #586DCF, #CFBA58);
background: linear-gradient(135deg, #586DCF, #CFBA58);

Explore Each Color

#586DCF

View full color details

#CFBA58

View full color details

Related Comparisons