← Back to Editor

#85465E · #F80E66 · #7A767A · #7D4855 · #EB0038

cool

A 5-color cool palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#85465E

Dark Violet · DimGray · Camellia

HEX
#85465E
RGB
rgb(133, 70, 94)
HSL
hsl(337, 31%, 40%)
HSB
hsb(337, 47%, 52%)
CMYK
cmyk(0%, 47%, 29%, 48%)
Oklch
oklch(47.9% 0.091 356.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F80E66

Dark Violet · DeepPink · Rose Pink

HEX
#F80E66
RGB
rgb(248, 14, 102)
HSL
hsl(337, 94%, 51%)
HSB
hsb(337, 94%, 97%)
CMYK
cmyk(0%, 94%, 59%, 3%)
Oklch
oklch(62.9% 0.247 9.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#7A767A

Ink Gray · Gray · Warm Gray

HEX
#7A767A
RGB
rgb(122, 118, 122)
HSL
hsl(300, 2%, 47%)
HSB
hsb(300, 3%, 48%)
CMYK
cmyk(0%, 3%, 0%, 52%)
Oklch
oklch(57.1% 0.008 325.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#7D4855

Crimson · DimGray · Wine Red

HEX
#7D4855
RGB
rgb(125, 72, 85)
HSL
hsl(345, 27%, 39%)
HSB
hsb(345, 42%, 49%)
CMYK
cmyk(0%, 42%, 32%, 51%)
Oklch
oklch(46.8% 0.074 4.5)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#EB0038

Vermilion · Crimson · Passion Red

HEX
#EB0038
RGB
rgb(235, 0, 56)
HSL
hsl(346, 100%, 46%)
HSB
hsb(346, 100%, 92%)
CMYK
cmyk(0%, 100%, 76%, 8%)
Oklch
oklch(59.4% 0.239 21.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85465E
46866D

Analogous

86467E
85465E
864E46

Triadic

85465E
5F8646
465F86

Split-Comp.

85465E
46864E
467E86

Tetradic

85465E
7E8646
46866D
4E4686

Contrast Matrix WCAG 2.1 Contrast

85465E
F80E66
7A767A
7D4855
EB0038
—
1.7
Fail
1.5
Fail
1.0
Fail
1.5
Fail
1.7
Fail
—
1.1
Fail
1.8
Fail
1.1
Fail
1.5
Fail
1.1
Fail
—
1.6
Fail
1.0
Fail
1.0
Fail
1.8
Fail
1.6
Fail
—
1.6
Fail
1.5
Fail
1.1
Fail
1.0
Fail
1.6
Fail
—
White BG
6.9AA
4.0AA Large
4.5AA Large
7.2AAA
4.6AA
Black BG
3.0AA Large
5.2AA
4.7AA
2.9Fail
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6958
939151
787879
666652
85832A

Deuteranopia

6D7257
A0B24C
797979
696D51
93A527

Tritanopia

825453
EC403C
7A7878
7A4F4F
DF201D

Achromatopsia

5C5C5C
5E5E5E
787878
595959
4D4D4D

Shades & Tints Shades & Tints

#85465E

Dark
Light

#F80E66

Dark
Light

#7A767A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85465e;
  --color-2: #f80e66;
  --color-3: #7a767a;
  --color-4: #7d4855;
  --color-5: #eb0038;
}

SCSS

$color-1: #85465e;
$color-2: #f80e66;
$color-3: #7a767a;
$color-4: #7d4855;
$color-5: #eb0038;

TAILWIND

colors: {
  'brand-1': '#85465e',
  'brand-2': '#f80e66',
  'brand-3': '#7a767a',
  'brand-4': '#7d4855',
  'brand-5': '#eb0038',
}

RGB Array

[133, 70, 94], [248, 14, 102], [122, 118, 122], [125, 72, 85], [235, 0, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #85465E, #F80E66, #7A767A, #7D4855, #EB0038 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #85465e; --color-2: #f80e66; --color-3: #7a767a; --color-4: #7d4855; --color-5: #eb0038. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This cool-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color