#2D113B + #301541 + #2F4758 + #346259 + #65990C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#2D113B

Royal Purple · MidnightBlue · Dark Purple

HEX

#2D113B

RGB

rgb(45, 17, 59)

HSL

hsl(280, 55%, 15%)

HSB

hsb(280, 71%, 23%)

CMYK

cmyk(24%, 71%, 0%, 77%)

Oklch

oklch(24.3% 0.081 312.7)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#301541

Royal Purple · MidnightBlue · Dark Purple

HEX

#301541

RGB

rgb(48, 21, 65)

HSL

hsl(277, 51%, 17%)

HSB

hsb(277, 68%, 25%)

CMYK

cmyk(26%, 68%, 0%, 75%)

Oklch

oklch(25.9% 0.083 310.1)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#2F4758

Slate Blue · DarkSlateGray · Prussian Blue

HEX

#2F4758

RGB

rgb(47, 71, 88)

HSL

hsl(205, 30%, 26%)

HSB

hsb(205, 47%, 35%)

CMYK

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

Oklch

oklch(38.6% 0.042 240.0)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#346259

Mineral Blue · DarkSlateGray · Mint Ice

HEX

#346259

RGB

rgb(52, 98, 89)

HSL

hsl(168, 31%, 29%)

HSB

hsb(168, 47%, 38%)

CMYK

cmyk(47%, 0%, 9%, 62%)

Oklch

oklch(46.0% 0.053 179.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#65990C

Grass Green · Olive · Forest Green

HEX

#65990C

RGB

rgb(101, 153, 12)

HSL

hsl(82, 85%, 32%)

HSB

hsb(82, 92%, 60%)

CMYK

cmyk(34%, 0%, 92%, 40%)

Oklch

oklch(62.2% 0.164 129.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D113B

1F3B11

Analogous

18113B

2D113B

3B1134

Triadic

2D113B

3B2D11

113B2D

Split-Comp.

2D113B

343B11

113B18

Tetradic

2D113B

3B1811

1F3B11

11343B

Contrast Matrix WCAG 2.1 Contrast

2D113B	301541	2F4758	346259	65990C
—	1.0 Fail	1.7 Fail	2.4 Fail	4.9 AA
1.0 Fail	—	1.7 Fail	2.3 Fail	4.7 AA
1.7 Fail	1.7 Fail	—	1.4 Fail	2.8 Fail
2.4 Fail	2.3 Fail	1.4 Fail	—	2.0 Fail
4.9 AA	4.7 AA	2.8 Fail	2.0 Fail	—

White BG

16.7AAA

16.0AAA

9.7AAA

6.9AA

3.4AA Large

Black BG

1.3Fail

2.2Fail

3.0AA Large

6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

212131

242436

393A54

48485B

7C7C2E

Deuteranopia

23252E

262834

383653

45425C

797536

Tritanopia

2C2927

2F2E2C

305150

365D5D

68494F

Achromatopsia

1E1E1E

222222

424242

535353

797979

Shades & Tints Shades & Tints

#2D113B

Dark

Light

#301541

Dark

Light

#2F4758

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d113b;
  --color-2: #301541;
  --color-3: #2f4758;
  --color-4: #346259;
  --color-5: #65990c;
}

SCSS

$color-1: #2d113b;
$color-2: #301541;
$color-3: #2f4758;
$color-4: #346259;
$color-5: #65990c;

TAILWIND

colors: {
  'brand-1': '#2d113b',
  'brand-2': '#301541',
  'brand-3': '#2f4758',
  'brand-4': '#346259',
  'brand-5': '#65990c',
}

RGB Array

[45, 17, 59], [48, 21, 65], [47, 71, 88], [52, 98, 89], [101, 153, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2D113B, #301541, #2F4758, #346259, #65990C 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: #2d113b; --color-2: #301541; --color-3: #2f4758; --color-4: #346259; --color-5: #65990c. 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