#232C38 + #2D1B17 + #5F1D27 + #874137 + #915E49 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#232C38

Indigo · DarkSlateGray · Deep Sea Blue

HEX

#232C38

RGB

rgb(35, 44, 56)

HSL

hsl(214, 23%, 18%)

HSB

hsb(214, 37%, 22%)

CMYK

cmyk(38%, 21%, 0%, 78%)

Oklch

oklch(29.0% 0.025 255.7)

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

#2D1B17

Crimson · Black · Deep Berry

HEX

#2D1B17

RGB

rgb(45, 27, 23)

HSL

hsl(11, 32%, 13%)

HSB

hsb(11, 49%, 18%)

CMYK

cmyk(0%, 40%, 49%, 82%)

Oklch

oklch(24.4% 0.030 33.1)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#5F1D27

Crimson · Maroon · Wine Red

HEX

#5F1D27

RGB

rgb(95, 29, 39)

HSL

hsl(351, 53%, 24%)

HSB

hsb(351, 69%, 37%)

CMYK

cmyk(0%, 69%, 59%, 63%)

Oklch

oklch(33.8% 0.096 15.0)

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

#874137

Crimson · Sienna · Wine Red

HEX

#874137

RGB

rgb(135, 65, 55)

HSL

hsl(7, 42%, 37%)

HSB

hsb(7, 59%, 53%)

CMYK

cmyk(0%, 52%, 59%, 47%)

Oklch

oklch(46.3% 0.098 29.7)

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

#915E49

Tangerine · Sienna · Amber Brown

HEX

#915E49

RGB

rgb(145, 94, 73)

HSL

hsl(18, 33%, 43%)

HSB

hsb(18, 50%, 57%)

CMYK

cmyk(0%, 35%, 50%, 43%)

Oklch

oklch(53.2% 0.074 43.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

232C38

382F23

Analogous

233738

232C38

252338

Triadic

232C38

38232C

2C3823

Split-Comp.

232C38

382523

373823

Tetradic

232C38

382337

382F23

233825

Contrast Matrix WCAG 2.1 Contrast

232C38	2D1B17	5F1D27	874137	915E49
—	1.2 Fail	1.1 Fail	1.9 Fail	2.6 Fail
1.2 Fail	—	1.3 Fail	2.2 Fail	3.0 AA Large
1.1 Fail	1.3 Fail	—	1.7 Fail	2.3 Fail
1.9 Fail	2.2 Fail	1.7 Fail	—	1.4 Fail
2.6 Fail	3.0 AA Large	2.3 Fail	1.4 Fail	—

White BG

14.1AAA

16.4AAA

12.4AAA

7.4AAA

5.4AA

Black BG

1.5Fail

1.3Fail

1.7Fail

2.8Fail

3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

272735

252518

424225

696839

7B7A4E

Deuteranopia

262634

262818

464B24

6D723A

7E824F

Tritanopia

233332

2C1919

5C2322

843B3C

8E5253

Achromatopsia

2B2B2B

202020

323232

555555

6B6B6B

Shades & Tints Shades & Tints

#232C38

Dark

Light

#2D1B17

Dark

Light

#5F1D27

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #232c38;
  --color-2: #2d1b17;
  --color-3: #5f1d27;
  --color-4: #874137;
  --color-5: #915e49;
}

SCSS

$color-1: #232c38;
$color-2: #2d1b17;
$color-3: #5f1d27;
$color-4: #874137;
$color-5: #915e49;

TAILWIND

colors: {
  'brand-1': '#232c38',
  'brand-2': '#2d1b17',
  'brand-3': '#5f1d27',
  'brand-4': '#874137',
  'brand-5': '#915e49',
}

RGB Array

[35, 44, 56], [45, 27, 23], [95, 29, 39], [135, 65, 55], [145, 94, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #232C38, #2D1B17, #5F1D27, #874137, #915E49 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: #232c38; --color-2: #2d1b17; --color-3: #5f1d27; --color-4: #874137; --color-5: #915e49. 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 space-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