← Back to Editor

#151C3F · #99AA7D · #C9C68F · #943576 · #49091D

dark

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

#151C3F

Indigo · MidnightBlue · Deep Sea Blue

HEX
#151C3F
RGB
rgb(21, 28, 63)
HSL
hsl(230, 50%, 16%)
HSB
hsb(230, 67%, 25%)
CMYK
cmyk(67%, 56%, 0%, 75%)
Oklch
oklch(24.2% 0.067 272.0)

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

#99AA7D

Grass Green · DarkSeaGreen · Olive Green

HEX
#99AA7D
RGB
rgb(153, 170, 125)
HSL
hsl(83, 21%, 58%)
HSB
hsb(83, 26%, 67%)
CMYK
cmyk(10%, 0%, 26%, 33%)
Oklch
oklch(71.3% 0.066 124.8)

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

#C9C68F

Fresh Green · Tan · Sunflower

HEX
#C9C68F
RGB
rgb(201, 198, 143)
HSL
hsl(57, 35%, 67%)
HSB
hsb(57, 29%, 79%)
CMYK
cmyk(0%, 1%, 29%, 21%)
Oklch
oklch(81.6% 0.073 105.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#943576

Rose Purple · Purple · Eggplant

HEX
#943576
RGB
rgb(148, 53, 118)
HSL
hsl(319, 47%, 39%)
HSB
hsb(319, 64%, 58%)
CMYK
cmyk(0%, 64%, 20%, 42%)
Oklch
oklch(48.6% 0.148 342.2)

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

#49091D

Dark Violet · Maroon · Raspberry

HEX
#49091D
RGB
rgb(73, 9, 29)
HSL
hsl(341, 78%, 16%)
HSB
hsb(341, 88%, 29%)
CMYK
cmyk(0%, 88%, 60%, 71%)
Oklch
oklch(26.9% 0.094 8.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

151C3F
3D3614

Analogous

14303D
151C3F
22143D

Triadic

151C3F
3D141B
1B3D14

Split-Comp.

151C3F
3D2214
303D14

Tetradic

151C3F
3D1430
3D3614
143D22

Contrast Matrix WCAG 2.1 Contrast

151C3F
99AA7D
C9C68F
943576
49091D
—
6.6
AA
9.4
AAA
2.4
Fail
1.1
Fail
6.6
AA
—
1.4
Fail
2.8
Fail
6.3
AA
9.4
AAA
1.4
Fail
—
3.9
AA Large
8.9
AAA
2.4
Fail
2.8
Fail
3.9
AA Large
—
2.3
Fail
1.1
Fail
6.3
AA
8.9
AAA
2.3
Fail
—
White BG
16.5AAA
2.5Fail
1.8Fail
6.9AA
15.7AAA
Black BG
1.3Fail
8.4AAA
12.0AAA
3.0AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

181837
A0A188
C8C89C
6B6A66
2D2D18

Deuteranopia

181734
9F9E8B
C8C8A0
707863
313617

Tritanopia

15302E
9A9092
C9A7A9
8F5A57
461414

Achromatopsia

1E1E1E
A0A0A0
C1C1C1
595959
1E1E1E

Shades & Tints Shades & Tints

#151C3F

Dark
Light

#99AA7D

Dark
Light

#C9C68F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #151c3f;
  --color-2: #99aa7d;
  --color-3: #c9c68f;
  --color-4: #943576;
  --color-5: #49091d;
}

SCSS

$color-1: #151c3f;
$color-2: #99aa7d;
$color-3: #c9c68f;
$color-4: #943576;
$color-5: #49091d;

TAILWIND

colors: {
  'brand-1': '#151c3f',
  'brand-2': '#99aa7d',
  'brand-3': '#c9c68f',
  'brand-4': '#943576',
  'brand-5': '#49091d',
}

RGB Array

[21, 28, 63], [153, 170, 125], [201, 198, 143], [148, 53, 118], [73, 9, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #151C3F, #99AA7D, #C9C68F, #943576, #49091D 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: #151c3f; --color-2: #99aa7d; --color-3: #c9c68f; --color-4: #943576; --color-5: #49091d. 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 dark-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