#6B0006 + #632C2F + #5C4B51 + #619C86 + #C0B365 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6B0006

Vermilion · Maroon · Wine Red

HEX

#6B0006

RGB

rgb(107, 0, 6)

HSL

hsl(357, 100%, 21%)

HSB

hsb(357, 100%, 42%)

CMYK

cmyk(0%, 100%, 94%, 58%)

Oklch

oklch(33.2% 0.135 27.0)

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

#632C2F

Crimson · DarkOliveGreen · Wine Red

HEX

#632C2F

RGB

rgb(99, 44, 47)

HSL

hsl(357, 38%, 28%)

HSB

hsb(357, 56%, 39%)

CMYK

cmyk(0%, 56%, 53%, 61%)

Oklch

oklch(37.0% 0.080 18.4)

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

#5C4B51

Dark Violet · DimGray · Camellia

HEX

#5C4B51

RGB

rgb(92, 75, 81)

HSL

hsl(339, 10%, 33%)

HSB

hsb(339, 18%, 36%)

CMYK

cmyk(0%, 18%, 12%, 64%)

Oklch

oklch(43.2% 0.025 355.0)

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

#619C86

Mineral Blue · CadetBlue · Olive Green

HEX

#619C86

RGB

rgb(97, 156, 134)

HSL

hsl(158, 23%, 50%)

HSB

hsb(158, 38%, 61%)

CMYK

cmyk(38%, 0%, 14%, 39%)

Oklch

oklch(64.6% 0.071 168.5)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#C0B365

Autumn Sage · Tan · Sunflower

HEX

#C0B365

RGB

rgb(192, 179, 101)

HSL

hsl(51, 42%, 57%)

HSB

hsb(51, 47%, 75%)

CMYK

cmyk(0%, 7%, 47%, 25%)

Oklch

oklch(76.1% 0.100 100.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B0006

006B66

Analogous

6B003B

6B0006

6B3000

Triadic

6B0006

056B00

00056B

Split-Comp.

6B0006

006B30

003B6B

Tetradic

6B0006

3B6B00

006B66

30006B

Contrast Matrix WCAG 2.1 Contrast

6B0006	632C2F	5C4B51	619C86	C0B365
—	1.2 Fail	1.6 Fail	4.1 AA Large	6.1 AA
1.2 Fail	—	1.3 Fail	3.4 AA Large	5.1 AA
1.6 Fail	1.3 Fail	—	2.6 Fail	3.8 AA Large
4.1 AA Large	3.4 AA Large	2.6 Fail	—	1.5 Fail
6.1 AA	5.1 AA	3.8 AA Large	1.5 Fail	—

White BG

12.9AAA

10.9AAA

8.1AAA

3.2AA Large

2.1Fail

Black BG

1.6Fail

1.9Fail

2.6Fail

6.6AA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3C05

4B4B2E

555450

7B7B8B

BABA78

Deuteranopia

434B04

4E532E

56574F

77738D

BBBC7C

Tritanopia

660303

602E2E

5B4E4E

649090

BF878A

Achromatopsia

212121

3D3D3D

515151

888888

AEAEAE

Shades & Tints Shades & Tints

#6B0006

Dark

Light

#632C2F

Dark

Light

#5C4B51

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b0006;
  --color-2: #632c2f;
  --color-3: #5c4b51;
  --color-4: #619c86;
  --color-5: #c0b365;
}

SCSS

$color-1: #6b0006;
$color-2: #632c2f;
$color-3: #5c4b51;
$color-4: #619c86;
$color-5: #c0b365;

TAILWIND

colors: {
  'brand-1': '#6b0006',
  'brand-2': '#632c2f',
  'brand-3': '#5c4b51',
  'brand-4': '#619c86',
  'brand-5': '#c0b365',
}

RGB Array

[107, 0, 6], [99, 44, 47], [92, 75, 81], [97, 156, 134], [192, 179, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6B0006, #632C2F, #5C4B51, #619C86, #C0B365 is ideal for: tech websites, dark mode UIs, game UIs. 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: #6b0006; --color-2: #632c2f; --color-3: #5c4b51; --color-4: #619c86; --color-5: #c0b365. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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