#47092E + #47263A + #9E9D7C + #273D45 + #093447 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#47092E

Rose Purple · Maroon · Raspberry

HEX

#47092E

RGB

rgb(71, 9, 46)

HSL

hsl(324, 78%, 16%)

HSB

hsb(324, 87%, 28%)

CMYK

cmyk(0%, 87%, 35%, 72%)

Oklch

oklch(27.2% 0.099 349.5)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#47263A

Rose Purple · DarkSlateGray · Raspberry

HEX

#47263A

RGB

rgb(71, 38, 58)

HSL

hsl(324, 30%, 21%)

HSB

hsb(324, 46%, 28%)

CMYK

cmyk(0%, 46%, 18%, 72%)

Oklch

oklch(31.9% 0.058 343.7)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#9E9D7C

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#9E9D7C

RGB

rgb(158, 157, 124)

HSL

hsl(58, 15%, 55%)

HSB

hsb(58, 22%, 62%)

CMYK

cmyk(0%, 1%, 22%, 38%)

Oklch

oklch(68.8% 0.046 106.1)

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

#273D45

Slate Blue · DarkSlateGray · Peacock Green

HEX

#273D45

RGB

rgb(39, 61, 69)

HSL

hsl(196, 28%, 21%)

HSB

hsb(196, 43%, 27%)

CMYK

cmyk(43%, 12%, 0%, 73%)

Oklch

oklch(34.5% 0.031 222.7)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#093447

Lake Blue · DarkSlateGray · Peacock Green

HEX

#093447

RGB

rgb(9, 52, 71)

HSL

hsl(198, 78%, 16%)

HSB

hsb(198, 87%, 28%)

CMYK

cmyk(87%, 27%, 0%, 72%)

Oklch

oklch(30.7% 0.056 232.5)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47092E

094922

Analogous

420949

47092E

49090F

Triadic

47092E

2F4909

092F49

Split-Comp.

47092E

0F4909

094942

Tetradic

47092E

494209

094922

090F49

Contrast Matrix WCAG 2.1 Contrast

47092E	47263A	9E9D7C	273D45	093447
—	1.2 Fail	5.6 AA	1.4 Fail	1.2 Fail
1.2 Fail	—	4.7 AA	1.1 Fail	1.0 Fail
5.6 AA	4.7 AA	—	4.1 AA Large	4.7 AA
1.4 Fail	1.1 Fail	4.1 AA Large	—	1.2 Fail
1.2 Fail	1.0 Fail	4.7 AA	1.2 Fail	—

White BG

15.6AAA

13.1AAA

2.8Fail

11.4AAA

13.2AAA

Black BG

1.3Fail

1.6Fail

7.6AAA

1.8Fail

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C25

393835

9E9E84

313143

1C1C42

Deuteranopia

303423

3B3D34

9E9E86

2F2E43

191641

Tritanopia

441E1C

453131

9E8A8C

284241

0B3F3E

Achromatopsia

202020

323232

9A9A9A

373737

292929

Shades & Tints Shades & Tints

#47092E

Dark

Light

#47263A

Dark

Light

#9E9D7C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47092e;
  --color-2: #47263a;
  --color-3: #9e9d7c;
  --color-4: #273d45;
  --color-5: #093447;
}

SCSS

$color-1: #47092e;
$color-2: #47263a;
$color-3: #9e9d7c;
$color-4: #273d45;
$color-5: #093447;

TAILWIND

colors: {
  'brand-1': '#47092e',
  'brand-2': '#47263a',
  'brand-3': '#9e9d7c',
  'brand-4': '#273d45',
  'brand-5': '#093447',
}

RGB Array

[71, 9, 46], [71, 38, 58], [158, 157, 124], [39, 61, 69], [9, 52, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #47092E, #47263A, #9E9D7C, #273D45, #093447 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: #47092e; --color-2: #47263a; --color-3: #9e9d7c; --color-4: #273d45; --color-5: #093447. 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