#1C2243 + #1C3B0F + #394E0B + #45582F + #515D3B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1C2243

Indigo · MidnightBlue · Deep Sea Blue

HEX

#1C2243

RGB

rgb(28, 34, 67)

HSL

hsl(231, 41%, 19%)

HSB

hsb(231, 58%, 26%)

CMYK

cmyk(58%, 49%, 0%, 74%)

Oklch

oklch(26.5% 0.062 273.7)

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

#1C3B0F

Pine Green · DarkGreen · Dark Green

HEX

#1C3B0F

RGB

rgb(28, 59, 15)

HSL

hsl(102, 59%, 15%)

HSB

hsb(102, 75%, 23%)

CMYK

cmyk(53%, 0%, 75%, 77%)

Oklch

oklch(31.7% 0.079 137.8)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#394E0B

Grass Green · DarkOliveGreen · Dark Green

HEX

#394E0B

RGB

rgb(57, 78, 11)

HSL

hsl(79, 75%, 17%)

HSB

hsb(79, 86%, 31%)

CMYK

cmyk(27%, 0%, 86%, 69%)

Oklch

oklch(39.2% 0.093 126.2)

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

#45582F

Grass Green · DarkOliveGreen · Forest Green

HEX

#45582F

RGB

rgb(69, 88, 47)

HSL

hsl(88, 30%, 26%)

HSB

hsb(88, 47%, 35%)

CMYK

cmyk(22%, 0%, 47%, 65%)

Oklch

oklch(43.3% 0.067 129.2)

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

#515D3B

Grass Green · DarkOliveGreen · Forest Green

HEX

#515D3B

RGB

rgb(81, 93, 59)

HSL

hsl(81, 22%, 30%)

HSB

hsb(81, 37%, 36%)

CMYK

cmyk(13%, 0%, 37%, 64%)

Oklch

oklch(45.9% 0.054 124.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C2243

443E1D

Analogous

1D3644

1C2243

2A1D44

Triadic

1C2243

441D23

23441D

Split-Comp.

1C2243

442A1D

36441D

Tetradic

1C2243

441D36

443E1D

1D442A

Contrast Matrix WCAG 2.1 Contrast

1C2243	1C3B0F	394E0B	45582F	515D3B
—	1.2 Fail	1.7 Fail	2.0 Fail	2.2 Fail
1.2 Fail	—	1.3 Fail	1.6 Fail	1.8 Fail
1.7 Fail	1.3 Fail	—	1.2 Fail	1.3 Fail
2.0 Fail	1.6 Fail	1.2 Fail	—	1.1 Fail
2.2 Fail	1.8 Fail	1.3 Fail	1.1 Fail	—

White BG

15.4AAA

12.5AAA

9.3AAA

7.8AAA

7.0AAA

Black BG

1.4Fail

1.7Fail

2.3Fail

2.7Fail

3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F3B

292A1A

42421B

4D4D39

565643

Deuteranopia

1E1E39

28251C

413F1F

4C4B3B

565545

Tritanopia

1C3533

1E2224

3A282B

464142

524A4B

Achromatopsia

242424

2D2D2D

404040

4E4E4E

565656

Shades & Tints Shades & Tints

#1C2243

Dark

Light

#1C3B0F

Dark

Light

#394E0B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c2243;
  --color-2: #1c3b0f;
  --color-3: #394e0b;
  --color-4: #45582f;
  --color-5: #515d3b;
}

SCSS

$color-1: #1c2243;
$color-2: #1c3b0f;
$color-3: #394e0b;
$color-4: #45582f;
$color-5: #515d3b;

TAILWIND

colors: {
  'brand-1': '#1c2243',
  'brand-2': '#1c3b0f',
  'brand-3': '#394e0b',
  'brand-4': '#45582f',
  'brand-5': '#515d3b',
}

RGB Array

[28, 34, 67], [28, 59, 15], [57, 78, 11], [69, 88, 47], [81, 93, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C2243, #1C3B0F, #394E0B, #45582F, #515D3B 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: #1c2243; --color-2: #1c3b0f; --color-3: #394e0b; --color-4: #45582f; --color-5: #515d3b. 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