#88716B + #92B348 + #769839 + #0F1829 + #384150 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#88716B

Crimson · Gray · Passion Red

HEX

#88716B

RGB

rgb(136, 113, 107)

HSL

hsl(12, 12%, 48%)

HSB

hsb(12, 21%, 53%)

CMYK

cmyk(0%, 17%, 21%, 47%)

Oklch

oklch(56.9% 0.031 35.0)

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

#92B348

Grass Green · DarkSeaGreen · Olive Green

HEX

#92B348

RGB

rgb(146, 179, 72)

HSL

hsl(79, 43%, 49%)

HSB

hsb(79, 60%, 70%)

CMYK

cmyk(18%, 0%, 60%, 30%)

Oklch

oklch(72.0% 0.140 124.3)

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

#769839

Grass Green · DarkOliveGreen · Olive Green

HEX

#769839

RGB

rgb(118, 152, 57)

HSL

hsl(81, 45%, 41%)

HSB

hsb(81, 63%, 60%)

CMYK

cmyk(22%, 0%, 63%, 40%)

Oklch

oklch(63.4% 0.129 126.5)

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

#0F1829

Indigo · Black · Deep Sea Blue

HEX

#0F1829

RGB

rgb(15, 24, 41)

HSL

hsl(219, 46%, 11%)

HSB

hsb(219, 63%, 16%)

CMYK

cmyk(63%, 41%, 0%, 84%)

Oklch

oklch(21.0% 0.036 262.4)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#384150

Indigo · DarkSlateGray · Prussian Blue

HEX

#384150

RGB

rgb(56, 65, 80)

HSL

hsl(218, 18%, 27%)

HSB

hsb(218, 30%, 31%)

CMYK

cmyk(30%, 19%, 0%, 69%)

Oklch

oklch(37.3% 0.028 260.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

88716B

6C8389

Analogous

896C75

88716B

89806C

Triadic

88716B

6C8972

726C89

Split-Comp.

88716B

6C8980

6C7589

Tetradic

88716B

75896C

6C8389

806C89

Contrast Matrix WCAG 2.1 Contrast

88716B	92B348	769839	0F1829	384150
—	1.9 Fail	1.4 Fail	3.9 AA Large	2.3 Fail
1.9 Fail	—	1.4 Fail	7.4 AAA	4.3 AA Large
1.4 Fail	1.4 Fail	—	5.3 AA	3.1 AA Large
3.9 AA Large	7.4 AAA	5.3 AA	—	1.7 Fail
2.3 Fail	4.3 AA Large	3.1 AA Large	1.7 Fail	—

White BG

4.5AA

2.4Fail

3.3AA Large

17.8AAA

10.3AAA

Black BG

4.6AA

8.8AAA

6.3AA

1.2Fail

2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7E6C

A0A162

858550

131325

3C3C4C

Deuteranopia

7F816D

9E9C68

838056

121224

3B3B4C

Tritanopia

876E6E

94767B

786266

0F2221

384A49

Achromatopsia

777777

9D9D9D

838383

171717

404040

Shades & Tints Shades & Tints

#88716B

Dark

Light

#92B348

Dark

Light

#769839

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #88716b;
  --color-2: #92b348;
  --color-3: #769839;
  --color-4: #0f1829;
  --color-5: #384150;
}

SCSS

$color-1: #88716b;
$color-2: #92b348;
$color-3: #769839;
$color-4: #0f1829;
$color-5: #384150;

TAILWIND

colors: {
  'brand-1': '#88716b',
  'brand-2': '#92b348',
  'brand-3': '#769839',
  'brand-4': '#0f1829',
  'brand-5': '#384150',
}

RGB Array

[136, 113, 107], [146, 179, 72], [118, 152, 57], [15, 24, 41], [56, 65, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #88716B, #92B348, #769839, #0F1829, #384150 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: #88716b; --color-2: #92b348; --color-3: #769839; --color-4: #0f1829; --color-5: #384150. 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 sunset-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