#3586CF

#3586CF

#CF7E35

#CF7E35

Contrast Ratio

1.22:1

Delta E

99.25

Very Different

50:50 Mix

#A28284

Color Values

Format #3586CF #CF7E35
HEX #3586CF #CF7E35
RGB 53, 134, 207 207, 126, 53
HSL 208.4, 61.6%, 51.0% 28.4, 61.6%, 51.0%
HSV 208.4, 74.4%, 81.2% 28.4, 74.4%, 81.2%
CMYK 74.4%, 35.3%, 0.0%, 18.8% 0.0%, 39.1%, 74.4%, 18.8%
OKLCH 0.6055 0.1359 249.2 0.6671 0.1322 59.1

Contrast & Accessibility

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CF7E35 → Background: #3586CF

The quick brown fox jumps over the lazy dog

Text: #3586CF → Background: #CF7E35

Color Difference (Delta E)

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

Gradient

#3586CF #6D84B6 #8C839D #A28284 #B4806C #C27F52 #CF7E35

Color Mixing

#3586CF

100%

#7E84AA

75:25

#A28284

50:50

#BB805F

25:75

#CF7E35

100%

CSS Gradient Code

background: linear-gradient(to right, #3586CF, #CF7E35);
background: linear-gradient(135deg, #3586CF, #CF7E35);

Explore Each Color

#3586CF

View full color details

#CF7E35

View full color details

Related Comparisons