← Back to Editor

#091B1B · #4E2B00 · #CA7D09 · #3A6945 · #77AC82

skin

A 5-color skin 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

#091B1B

Slate Blue · Black · Peacock Green

HEX
#091B1B
RGB
rgb(9, 27, 27)
HSL
hsl(180, 50%, 7%)
HSB
hsb(180, 67%, 11%)
CMYK
cmyk(67%, 0%, 0%, 89%)
Oklch
oklch(20.7% 0.024 195.5)

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

#4E2B00

Ochre · Maroon · Cinnamon

HEX
#4E2B00
RGB
rgb(78, 43, 0)
HSL
hsl(33, 100%, 15%)
HSB
hsb(33, 100%, 31%)
CMYK
cmyk(0%, 45%, 100%, 69%)
Oklch
oklch(32.7% 0.074 64.4)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#CA7D09

Ochre · DarkGoldenRod · Amber Brown

HEX
#CA7D09
RGB
rgb(202, 125, 9)
HSL
hsl(36, 91%, 41%)
HSB
hsb(36, 96%, 79%)
CMYK
cmyk(0%, 38%, 96%, 21%)
Oklch
oklch(65.7% 0.143 67.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#3A6945

Celadon · DarkSlateGray · Forest Green

HEX
#3A6945
RGB
rgb(58, 105, 69)
HSL
hsl(134, 29%, 32%)
HSB
hsb(134, 45%, 41%)
CMYK
cmyk(45%, 0%, 34%, 59%)
Oklch
oklch(47.7% 0.078 150.1)

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

#77AC82

Celadon · DarkSeaGreen · Olive Green

HEX
#77AC82
RGB
rgb(119, 172, 130)
HSL
hsl(132, 24%, 57%)
HSB
hsb(132, 31%, 67%)
CMYK
cmyk(31%, 0%, 24%, 33%)
Oklch
oklch(69.6% 0.083 150.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

091B1B
1B0909

Analogous

091B12
091B1B
09121B

Triadic

091B1B
1B091B
1B1B09

Split-Comp.

091B1B
1B0912
1B1209

Tetradic

091B1B
12091B
1B0909
121B09

Contrast Matrix WCAG 2.1 Contrast

091B1B
4E2B00
CA7D09
3A6945
77AC82
—
1.4
Fail
5.4
AA
2.8
Fail
6.8
AA
1.4
Fail
—
3.9
AA Large
2.0
Fail
4.8
AA
5.4
AA
3.9
AA Large
—
2.0
Fail
1.2
Fail
2.8
Fail
2.0
Fail
2.0
Fail
—
2.4
Fail
6.8
AA
4.8
AA
1.2
Fail
2.4
Fail
—
White BG
17.7AAA
12.6AAA
3.3AA Large
6.4AA
2.6Fail
Black BG
1.2Fail
1.7Fail
6.4AA
3.3AA Large
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

11111B
3F3F0A
A9A825
4E4F4E
8E8E8C

Deuteranopia

100E1B
41440D
ADB32C
4C4850
8B878F

Tritanopia

0A1B1B
4C1314
C63B40
3C5556
7A9496

Achromatopsia

161616
313131
878787
575757
979797

Shades & Tints Shades & Tints

#091B1B

Dark
Light

#4E2B00

Dark
Light

#CA7D09

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #091b1b;
  --color-2: #4e2b00;
  --color-3: #ca7d09;
  --color-4: #3a6945;
  --color-5: #77ac82;
}

SCSS

$color-1: #091b1b;
$color-2: #4e2b00;
$color-3: #ca7d09;
$color-4: #3a6945;
$color-5: #77ac82;

TAILWIND

colors: {
  'brand-1': '#091b1b',
  'brand-2': '#4e2b00',
  'brand-3': '#ca7d09',
  'brand-4': '#3a6945',
  'brand-5': '#77ac82',
}

RGB Array

[9, 27, 27], [78, 43, 0], [202, 125, 9], [58, 105, 69], [119, 172, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #091B1B, #4E2B00, #CA7D09, #3A6945, #77AC82 is ideal for: tech websites, dark mode UIs, game UIs, 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: #091b1b; --color-2: #4e2b00; --color-3: #ca7d09; --color-4: #3a6945; --color-5: #77ac82. 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. 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 skin-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