← Back to Editor

#618497 · #38071E · #772635 · #C46762 · #C2C0DF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#618497

Slate Blue · SlateGray · Navy Blue

HEX
#618497
RGB
rgb(97, 132, 151)
HSL
hsl(201, 22%, 49%)
HSB
hsb(201, 36%, 59%)
CMYK
cmyk(36%, 13%, 0%, 41%)
Oklch
oklch(59.4% 0.049 232.4)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#38071E

Dark Violet · Black · Raspberry

HEX
#38071E
RGB
rgb(56, 7, 30)
HSL
hsl(332, 78%, 12%)
HSB
hsb(332, 87%, 22%)
CMYK
cmyk(0%, 87%, 46%, 78%)
Oklch
oklch(23.2% 0.080 356.8)

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

#772635

Crimson · Brown · Wine Red

HEX
#772635
RGB
rgb(119, 38, 53)
HSL
hsl(349, 52%, 31%)
HSB
hsb(349, 68%, 47%)
CMYK
cmyk(0%, 68%, 55%, 53%)
Oklch
oklch(39.6% 0.113 12.9)

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

#C46762

Crimson · LightCoral · Passion Red

HEX
#C46762
RGB
rgb(196, 103, 98)
HSL
hsl(3, 45%, 58%)
HSB
hsb(3, 50%, 77%)
CMYK
cmyk(0%, 47%, 50%, 23%)
Oklch
oklch(62.1% 0.119 24.3)

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

#C2C0DF

Wisteria · LightSteelBlue · Sky Blue

HEX
#C2C0DF
RGB
rgb(194, 192, 223)
HSL
hsl(244, 33%, 81%)
HSB
hsb(244, 14%, 87%)
CMYK
cmyk(13%, 14%, 0%, 13%)
Oklch
oklch(81.9% 0.043 288.4)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

618497
987561

Analogous

619890
618497
616A98

Triadic

618497
986185
859861

Split-Comp.

618497
98616A
989061

Tetradic

618497
906198
987561
6A9861

Contrast Matrix WCAG 2.1 Contrast

618497
38071E
772635
C46762
C2C0DF
—
4.3
AA Large
2.5
Fail
1.0
Fail
2.3
Fail
4.3
AA Large
—
1.7
Fail
4.5
AA Large
9.8
AAA
2.5
Fail
1.7
Fail
—
2.6
Fail
5.6
AA
1.0
Fail
4.5
AA Large
2.6
Fail
—
2.2
Fail
2.3
Fail
9.8
AAA
5.6
AA
2.2
Fail
—
White BG
4.0AA Large
17.3AAA
9.9AAA
3.8AA Large
1.8Fail
Black BG
5.3AA
1.2Fail
2.1Fail
5.5AA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

707092
232218
545331
9C9B63
C1C1D7

Deuteranopia

6E6C91
262917
595F30
A1A864
C1C1D6

Tritanopia

638F8E
361413
732F2E
BF6464
C2D2D0

Achromatopsia

7C7C7C
181818
404040
828282
C4C4C4

Shades & Tints Shades & Tints

#618497

Dark
Light

#38071E

Dark
Light

#772635

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #618497;
  --color-2: #38071e;
  --color-3: #772635;
  --color-4: #c46762;
  --color-5: #c2c0df;
}

SCSS

$color-1: #618497;
$color-2: #38071e;
$color-3: #772635;
$color-4: #c46762;
$color-5: #c2c0df;

TAILWIND

colors: {
  'brand-1': '#618497',
  'brand-2': '#38071e',
  'brand-3': '#772635',
  'brand-4': '#c46762',
  'brand-5': '#c2c0df',
}

RGB Array

[97, 132, 151], [56, 7, 30], [119, 38, 53], [196, 103, 98], [194, 192, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #618497, #38071E, #772635, #C46762, #C2C0DF is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #618497; --color-2: #38071e; --color-3: #772635; --color-4: #c46762; --color-5: #c2c0df. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 general-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