#1D293F + #523039 + #AA3C30 + #DF432A + #252F39 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1D293F

Indigo · DarkSlateGray · Deep Sea Blue

HEX

#1D293F

RGB

rgb(29, 41, 63)

HSL

hsl(219, 37%, 18%)

HSB

hsb(219, 54%, 25%)

CMYK

cmyk(54%, 35%, 0%, 75%)

Oklch

oklch(28.1% 0.044 262.0)

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

#523039

Dark Violet · DarkSlateGray · Raspberry

HEX

#523039

RGB

rgb(82, 48, 57)

HSL

hsl(344, 26%, 25%)

HSB

hsb(344, 41%, 32%)

CMYK

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

Oklch

oklch(35.4% 0.051 2.9)

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

#AA3C30

Crimson · Brown · Passion Red

HEX

#AA3C30

RGB

rgb(170, 60, 48)

HSL

hsl(6, 56%, 43%)

HSB

hsb(6, 72%, 67%)

CMYK

cmyk(0%, 65%, 72%, 33%)

Oklch

oklch(51.0% 0.147 29.3)

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

#DF432A

Vermilion · Chocolate · Passion Red

HEX

#DF432A

RGB

rgb(223, 67, 42)

HSL

hsl(8, 74%, 52%)

HSB

hsb(8, 81%, 87%)

CMYK

cmyk(0%, 70%, 81%, 13%)

Oklch

oklch(60.6% 0.197 31.8)

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

#252F39

Indigo · DarkSlateGray · Deep Sea Blue

HEX

#252F39

RGB

rgb(37, 47, 57)

HSL

hsl(210, 21%, 18%)

HSB

hsb(210, 35%, 22%)

CMYK

cmyk(35%, 18%, 0%, 78%)

Oklch

oklch(30.0% 0.023 248.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D293F

3F331D

Analogous

1D3A3F

1D293F

221D3F

Triadic

1D293F

3F1D29

293F1D

Split-Comp.

1D293F

3F221D

3A3F1D

Tetradic

1D293F

3F1D3A

3F331D

1D3F22

Contrast Matrix WCAG 2.1 Contrast

1D293F	523039	AA3C30	DF432A	252F39
—	1.3 Fail	2.4 Fail	3.5 AA Large	1.1 Fail
1.3 Fail	—	1.8 Fail	2.7 Fail	1.2 Fail
2.4 Fail	1.8 Fail	—	1.5 Fail	2.2 Fail
3.5 AA Large	2.7 Fail	1.5 Fail	—	3.2 AA Large
1.1 Fail	1.2 Fail	2.2 Fail	3.2 AA Large	—

White BG

14.6AAA

11.4AAA

6.2AA

4.2AA Large

13.6AAA

Black BG

1.4Fail

1.8Fail

3.4AA Large

5.0AA

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

22223A

434337

7A7933

9B9A30

292937

Deuteranopia

222138

454836

818934

A5B032

292836

Tritanopia

1E3535

503535

A53536

D73536

263534

Achromatopsia

282828

3B3B3B

5C5C5C

6F6F6F

2D2D2D

Shades & Tints Shades & Tints

#1D293F

Dark

Light

#523039

Dark

Light

#AA3C30

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d293f;
  --color-2: #523039;
  --color-3: #aa3c30;
  --color-4: #df432a;
  --color-5: #252f39;
}

SCSS

$color-1: #1d293f;
$color-2: #523039;
$color-3: #aa3c30;
$color-4: #df432a;
$color-5: #252f39;

TAILWIND

colors: {
  'brand-1': '#1d293f',
  'brand-2': '#523039',
  'brand-3': '#aa3c30',
  'brand-4': '#df432a',
  'brand-5': '#252f39',
}

RGB Array

[29, 41, 63], [82, 48, 57], [170, 60, 48], [223, 67, 42], [37, 47, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D293F, #523039, #AA3C30, #DF432A, #252F39 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: #1d293f; --color-2: #523039; --color-3: #aa3c30; --color-4: #df432a; --color-5: #252f39. 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