← Back to Editor

#600516 · #C8B8B2 · #B29D99 · #A79490 · #674D54

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#600516

Vermilion · Maroon · Deep Berry

HEX
#600516
RGB
rgb(96, 5, 22)
HSL
hsl(349, 90%, 20%)
HSB
hsb(349, 95%, 38%)
CMYK
cmyk(0%, 95%, 77%, 62%)
Oklch
oklch(31.3% 0.120 19.6)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#C8B8B2

Apricot · Silver · Warm Sun

HEX
#C8B8B2
RGB
rgb(200, 184, 178)
HSL
hsl(16, 17%, 74%)
HSB
hsb(16, 11%, 78%)
CMYK
cmyk(0%, 8%, 11%, 22%)
Oklch
oklch(79.4% 0.020 41.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#B29D99

Peach Pink · DarkGray · Coral Red

HEX
#B29D99
RGB
rgb(178, 157, 153)
HSL
hsl(10, 14%, 65%)
HSB
hsb(10, 14%, 70%)
CMYK
cmyk(0%, 12%, 14%, 30%)
Oklch
oklch(71.3% 0.026 30.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A79490

Peach Pink · DarkGray · Coral Red

HEX
#A79490
RGB
rgb(167, 148, 144)
HSL
hsl(10, 12%, 61%)
HSB
hsb(10, 14%, 65%)
CMYK
cmyk(0%, 11%, 14%, 35%)
Oklch
oklch(68.2% 0.024 31.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#674D54

Dark Violet · DimGray · Camellia

HEX
#674D54
RGB
rgb(103, 77, 84)
HSL
hsl(344, 14%, 35%)
HSB
hsb(344, 25%, 40%)
CMYK
cmyk(0%, 25%, 18%, 60%)
Oklch
oklch(45.0% 0.037 0.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

600516
056150

Analogous

610544
600516
612205

Triadic

600516
166105
051661

Split-Comp.

600516
056122
054461

Tetradic

600516
446105
056150
220561

Contrast Matrix WCAG 2.1 Contrast

600516
C8B8B2
B29D99
A79490
674D54
—
7.2
AAA
5.3
AA
4.8
AA
1.8
Fail
7.2
AAA
—
1.3
Fail
1.5
Fail
4.0
AA Large
5.3
AA
1.3
Fail
—
1.1
Fail
3.0
Fail
4.8
AA
1.5
Fail
1.1
Fail
—
2.6
Fail
1.8
Fail
4.0
AA Large
3.0
Fail
2.6
Fail
—
White BG
13.7AAA
1.9Fail
2.6Fail
2.9Fail
7.6AAA
Black BG
1.5Fail
11.0AAA
8.2AAA
7.3AAA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

393812
C1C1B3
A9A99A
9F9F91
5C5C52

Deuteranopia

3E4511
C2C3B4
AAAC9A
A0A191
5D5F52

Tritanopia

5B0F0E
C7B5B5
B19B9B
A69292
665151

Achromatopsia

222222
BCBCBC
A3A3A3
999999
565656

Shades & Tints Shades & Tints

#600516

Dark
Light

#C8B8B2

Dark
Light

#B29D99

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #600516;
  --color-2: #c8b8b2;
  --color-3: #b29d99;
  --color-4: #a79490;
  --color-5: #674d54;
}

SCSS

$color-1: #600516;
$color-2: #c8b8b2;
$color-3: #b29d99;
$color-4: #a79490;
$color-5: #674d54;

TAILWIND

colors: {
  'brand-1': '#600516',
  'brand-2': '#c8b8b2',
  'brand-3': '#b29d99',
  'brand-4': '#a79490',
  'brand-5': '#674d54',
}

RGB Array

[96, 5, 22], [200, 184, 178], [178, 157, 153], [167, 148, 144], [103, 77, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #600516, #C8B8B2, #B29D99, #A79490, #674D54 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #600516; --color-2: #c8b8b2; --color-3: #b29d99; --color-4: #a79490; --color-5: #674d54. 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. Restrained colors convey professionalism and trust. 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