#191C35 + #171B33 + #121429 + #36373D + #A55500 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#191C35

Indigo · MidnightBlue · Deep Sea Blue

HEX

#191C35

RGB

rgb(25, 28, 53)

HSL

hsl(234, 36%, 15%)

HSB

hsb(234, 53%, 21%)

CMYK

cmyk(53%, 47%, 0%, 79%)

Oklch

oklch(23.7% 0.048 276.9)

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

#171B33

Indigo · MidnightBlue · Deep Sea Blue

HEX

#171B33

RGB

rgb(23, 27, 51)

HSL

hsl(231, 38%, 15%)

HSB

hsb(231, 55%, 20%)

CMYK

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

Oklch

oklch(23.2% 0.047 275.0)

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

#121429

Indigo · Black · Deep Sea Blue

HEX

#121429

RGB

rgb(18, 20, 41)

HSL

hsl(235, 39%, 12%)

HSB

hsb(235, 56%, 16%)

CMYK

cmyk(56%, 51%, 0%, 84%)

Oklch

oklch(20.1% 0.042 277.8)

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

#36373D

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#36373D

RGB

rgb(54, 55, 61)

HSL

hsl(231, 6%, 23%)

HSB

hsb(231, 11%, 24%)

CMYK

cmyk(11%, 10%, 0%, 76%)

Oklch

oklch(33.8% 0.011 278.3)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#A55500

Ochre · Sienna · Amber Brown

HEX

#A55500

RGB

rgb(165, 85, 0)

HSL

hsl(31, 100%, 32%)

HSB

hsb(31, 100%, 65%)

CMYK

cmyk(0%, 48%, 100%, 35%)

Oklch

oklch(53.6% 0.131 55.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

191C35

343118

Analogous

182934

191C35

231834

Triadic

191C35

34181B

1B3418

Split-Comp.

191C35

342318

293418

Tetradic

191C35

341829

343118

183423

Contrast Matrix WCAG 2.1 Contrast

191C35	171B33	121429	36373D	A55500
—	1.0 Fail	1.1 Fail	1.4 Fail	3.1 AA Large
1.0 Fail	—	1.1 Fail	1.4 Fail	3.1 AA Large
1.1 Fail	1.1 Fail	—	1.5 Fail	3.4 AA Large
1.4 Fail	1.4 Fail	1.5 Fail	—	2.2 Fail
3.1 AA Large	3.1 AA Large	3.4 AA Large	2.2 Fail	—

White BG

16.7AAA

16.9AAA

18.1AAA

11.9AAA

5.4AA

Black BG

1.3Fail

1.2Fail

1.8Fail

3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A2F

19192D

131324

36363C

828215

Deuteranopia

1A1A2D

19182C

131323

36363B

878D1A

Tritanopia

192A29

172928

12201F

363A3A

A12528

Achromatopsia

1E1E1E

1D1D1D

161616

373737

636363

Shades & Tints Shades & Tints

#191C35

Dark

Light

#171B33

Dark

Light

#121429

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #191c35;
  --color-2: #171b33;
  --color-3: #121429;
  --color-4: #36373d;
  --color-5: #a55500;
}

SCSS

$color-1: #191c35;
$color-2: #171b33;
$color-3: #121429;
$color-4: #36373d;
$color-5: #a55500;

TAILWIND

colors: {
  'brand-1': '#191c35',
  'brand-2': '#171b33',
  'brand-3': '#121429',
  'brand-4': '#36373d',
  'brand-5': '#a55500',
}

RGB Array

[25, 28, 53], [23, 27, 51], [18, 20, 41], [54, 55, 61], [165, 85, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #191C35, #171B33, #121429, #36373D, #A55500 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: #191c35; --color-2: #171b33; --color-3: #121429; --color-4: #36373d; --color-5: #a55500. 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