#8C916F + #65826D + #3D746F + #1D3952 + #240C32 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#8C916F

Autumn Sage · Gray · Honey Gold

HEX

#8C916F

RGB

rgb(140, 145, 111)

HSL

hsl(69, 13%, 50%)

HSB

hsb(69, 23%, 57%)

CMYK

cmyk(3%, 0%, 23%, 43%)

Oklch

oklch(64.3% 0.049 114.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#65826D

Celadon · DimGray · Olive Green

HEX

#65826D

RGB

rgb(101, 130, 109)

HSL

hsl(137, 13%, 45%)

HSB

hsb(137, 22%, 51%)

CMYK

cmyk(22%, 0%, 16%, 49%)

Oklch

oklch(57.8% 0.046 153.4)

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

#3D746F

Mineral Blue · SeaGreen · Mint Ice

HEX

#3D746F

RGB

rgb(61, 116, 111)

HSL

hsl(175, 31%, 35%)

HSB

hsb(175, 47%, 45%)

CMYK

cmyk(47%, 0%, 4%, 55%)

Oklch

oklch(52.0% 0.059 187.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#1D3952

Slate Blue · DarkSlateGray · Prussian Blue

HEX

#1D3952

RGB

rgb(29, 57, 82)

HSL

hsl(208, 48%, 22%)

HSB

hsb(208, 65%, 32%)

CMYK

cmyk(65%, 30%, 0%, 68%)

Oklch

oklch(33.5% 0.056 247.3)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#240C32

Royal Purple · Black · Dark Purple

HEX

#240C32

RGB

rgb(36, 12, 50)

HSL

hsl(278, 61%, 12%)

HSB

hsb(278, 76%, 20%)

CMYK

cmyk(28%, 76%, 0%, 80%)

Oklch

oklch(21.5% 0.074 310.7)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C916F

746F90

Analogous

90846F

8C916F

7B906F

Triadic

8C916F

6F8B90

906F8B

Split-Comp.

8C916F

6F7B90

846F90

Tetradic

8C916F

6F9084

746F90

906F7B

Contrast Matrix WCAG 2.1 Contrast

8C916F	65826D	3D746F	1D3952	240C32
—	1.3 Fail	1.6 Fail	3.6 AA Large	5.4 AA
1.3 Fail	—	1.3 Fail	2.8 Fail	4.2 AA Large
1.6 Fail	1.3 Fail	—	2.2 Fail	3.3 AA Large
3.6 AA Large	2.8 Fail	2.2 Fail	—	1.5 Fail
5.4 AA	4.2 AA Large	3.3 AA Large	1.5 Fail	—

White BG

3.3AA Large

4.2AA Large

5.3AA

11.9AAA

17.9AAA

Black BG

6.4AA

5.0AA

3.9AA Large

1.8Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E77

727272

555570

29294C

1A1929

Deuteranopia

8E8E79

706E73

524E70

28254B

1B1D27

Tritanopia

8C7E7F

667677

407171

1E4746

232220

Achromatopsia

8C8C8C

777777

636363

333333

181818

Shades & Tints Shades & Tints

#8C916F

Dark

Light

#65826D

Dark

Light

#3D746F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c916f;
  --color-2: #65826d;
  --color-3: #3d746f;
  --color-4: #1d3952;
  --color-5: #240c32;
}

SCSS

$color-1: #8c916f;
$color-2: #65826d;
$color-3: #3d746f;
$color-4: #1d3952;
$color-5: #240c32;

TAILWIND

colors: {
  'brand-1': '#8c916f',
  'brand-2': '#65826d',
  'brand-3': '#3d746f',
  'brand-4': '#1d3952',
  'brand-5': '#240c32',
}

RGB Array

[140, 145, 111], [101, 130, 109], [61, 116, 111], [29, 57, 82], [36, 12, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8C916F, #65826D, #3D746F, #1D3952, #240C32 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: #8c916f; --color-2: #65826d; --color-3: #3d746f; --color-4: #1d3952; --color-5: #240c32. 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