← Back to Editor

#060405 · #C0322E · #85AA89 · #CECAA4 · #EFE7C3

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

#060405

Dark Violet · Black · Raspberry

HEX
#060405
RGB
rgb(6, 4, 5)
HSL
hsl(330, 20%, 2%)
HSB
hsb(330, 33%, 2%)
CMYK
cmyk(0%, 33%, 17%, 98%)
Oklch
oklch(11.2% 0.007 345.1)

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

#C0322E

Vermilion · FireBrick · Passion Red

HEX
#C0322E
RGB
rgb(192, 50, 46)
HSL
hsl(2, 61%, 47%)
HSB
hsb(2, 76%, 75%)
CMYK
cmyk(0%, 74%, 76%, 25%)
Oklch
oklch(53.7% 0.180 26.9)

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

#85AA89

Celadon · DarkSeaGreen · Olive Green

HEX
#85AA89
RGB
rgb(133, 170, 137)
HSL
hsl(126, 18%, 59%)
HSB
hsb(126, 22%, 67%)
CMYK
cmyk(22%, 0%, 19%, 33%)
Oklch
oklch(70.1% 0.063 147.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#CECAA4

Fresh Green · Tan · Sunflower

HEX
#CECAA4
RGB
rgb(206, 202, 164)
HSL
hsl(54, 30%, 73%)
HSB
hsb(54, 20%, 81%)
CMYK
cmyk(0%, 2%, 20%, 19%)
Oklch
oklch(83.2% 0.051 102.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#EFE7C3

Goose Yellow · Bisque · Lemon Cream

HEX
#EFE7C3
RGB
rgb(239, 231, 195)
HSL
hsl(49, 58%, 85%)
HSB
hsb(49, 18%, 94%)
CMYK
cmyk(0%, 3%, 18%, 6%)
Oklch
oklch(92.5% 0.048 96.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

060405
040605

Analogous

060406
060405
060404

Triadic

060405
050604
040506

Split-Comp.

060405
040604
040606

Tetradic

060405
060604
040605
040406

Contrast Matrix WCAG 2.1 Contrast

060405
C0322E
85AA89
CECAA4
EFE7C3
—
3.6
AA Large
7.9
AAA
12.3
AAA
16.4
AAA
3.6
AA Large
—
2.2
Fail
3.4
AA Large
4.5
AA
7.9
AAA
2.2
Fail
—
1.6
Fail
2.1
Fail
12.3
AAA
3.4
AA Large
1.6
Fail
—
1.3
Fail
16.4
AAA
4.5
AA
2.1
Fail
1.3
Fail
—
White BG
20.4AAA
5.6AA
2.6Fail
1.7Fail
1.2Fail
Black BG
1.0Fail
3.7AA Large
8.1AAA
12.6AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

050505
83812F
959591
CCCCAD
ECEBCC

Deuteranopia

050505
8B952F
939093
CDCDAF
ECEDCE

Tritanopia

060505
B93030
879799
CEB4B6
EFD3D4

Achromatopsia

050505
5C5C5C
9B9B9B
C7C7C7
E5E5E5

Shades & Tints Shades & Tints

#060405

Dark
Light

#C0322E

Dark
Light

#85AA89

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #060405;
  --color-2: #c0322e;
  --color-3: #85aa89;
  --color-4: #cecaa4;
  --color-5: #efe7c3;
}

SCSS

$color-1: #060405;
$color-2: #c0322e;
$color-3: #85aa89;
$color-4: #cecaa4;
$color-5: #efe7c3;

TAILWIND

colors: {
  'brand-1': '#060405',
  'brand-2': '#c0322e',
  'brand-3': '#85aa89',
  'brand-4': '#cecaa4',
  'brand-5': '#efe7c3',
}

RGB Array

[6, 4, 5], [192, 50, 46], [133, 170, 137], [206, 202, 164], [239, 231, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #060405, #C0322E, #85AA89, #CECAA4, #EFE7C3 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: #060405; --color-2: #c0322e; --color-3: #85aa89; --color-4: #cecaa4; --color-5: #efe7c3. 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