#2F004C + #4F3C44 + #81616F + #912956 + #C41460 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#2F004C

Royal Purple · MidnightBlue · Dark Purple

HEX

#2F004C

RGB

rgb(47, 0, 76)

HSL

hsl(277, 100%, 15%)

HSB

hsb(277, 100%, 30%)

CMYK

cmyk(38%, 100%, 0%, 70%)

Oklch

oklch(24.1% 0.124 306.5)

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

#4F3C44

Dark Violet · DarkSlateGray · Camellia

HEX

#4F3C44

RGB

rgb(79, 60, 68)

HSL

hsl(335, 14%, 27%)

HSB

hsb(335, 24%, 31%)

CMYK

cmyk(0%, 24%, 14%, 69%)

Oklch

oklch(38.0% 0.029 351.5)

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

#81616F

Dark Violet · DimGray · Camellia

HEX

#81616F

RGB

rgb(129, 97, 111)

HSL

hsl(334, 14%, 44%)

HSB

hsb(334, 25%, 51%)

CMYK

cmyk(0%, 25%, 14%, 49%)

Oklch

oklch(53.0% 0.046 350.8)

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

#912956

Dark Violet · Brown · Camellia

HEX

#912956

RGB

rgb(145, 41, 86)

HSL

hsl(334, 56%, 36%)

HSB

hsb(334, 72%, 57%)

CMYK

cmyk(0%, 72%, 41%, 43%)

Oklch

oklch(45.5% 0.144 358.1)

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

#C41460

Dark Violet · MediumVioletRed · Camellia

HEX

#C41460

RGB

rgb(196, 20, 96)

HSL

hsl(334, 81%, 42%)

HSB

hsb(334, 90%, 77%)

CMYK

cmyk(0%, 90%, 51%, 23%)

Oklch

oklch(53.5% 0.206 3.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F004C

1D4D00

Analogous

09004D

2F004C

4D0044

Triadic

2F004C

4D2F00

004D2F

Split-Comp.

2F004C

444D00

004D09

Tetradic

2F004C

4D0900

1D4D00

00444D

Contrast Matrix WCAG 2.1 Contrast

2F004C	4F3C44	81616F	912956	C41460
—	1.7 Fail	3.2 AA Large	2.2 Fail	3.0 Fail
1.7 Fail	—	1.9 Fail	1.3 Fail	1.8 Fail
3.2 AA Large	1.9 Fail	—	1.5 Fail	1.1 Fail
2.2 Fail	1.3 Fail	1.5 Fail	—	1.4 Fail
3.0 Fail	1.8 Fail	1.1 Fail	1.4 Fail	—

White BG

17.1AAA

10.2AAA

5.4AA

7.9AAA

5.8AA

Black BG

1.2Fail

2.1Fail

3.9AA Large

2.7Fail

3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1A3A

474742

73736C

64634B

78764E

Deuteranopia

1D2135

484942

75776B

6A7249

828F49

Tritanopia

2D2B28

4E4140

7F6968

8C4341

BB3F3C

Achromatopsia

171717

434343

6C6C6C

4D4D4D

515151

Shades & Tints Shades & Tints

#2F004C

Dark

Light

#4F3C44

Dark

Light

#81616F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f004c;
  --color-2: #4f3c44;
  --color-3: #81616f;
  --color-4: #912956;
  --color-5: #c41460;
}

SCSS

$color-1: #2f004c;
$color-2: #4f3c44;
$color-3: #81616f;
$color-4: #912956;
$color-5: #c41460;

TAILWIND

colors: {
  'brand-1': '#2f004c',
  'brand-2': '#4f3c44',
  'brand-3': '#81616f',
  'brand-4': '#912956',
  'brand-5': '#c41460',
}

RGB Array

[47, 0, 76], [79, 60, 68], [129, 97, 111], [145, 41, 86], [196, 20, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2F004C, #4F3C44, #81616F, #912956, #C41460 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: #2f004c; --color-2: #4f3c44; --color-3: #81616f; --color-4: #912956; --color-5: #c41460. 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