← Back to Editor

#40121F · #7A1D28 · #A33236 · #FFE6CB · #072530

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#40121F

Dark Violet · Black · Raspberry

HEX
#40121F
RGB
rgb(64, 18, 31)
HSL
hsl(343, 56%, 16%)
HSB
hsb(343, 72%, 25%)
CMYK
cmyk(0%, 72%, 52%, 75%)
Oklch
oklch(26.2% 0.073 6.2)

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

#7A1D28

Vermilion · Brown · Wine Red

HEX
#7A1D28
RGB
rgb(122, 29, 40)
HSL
hsl(353, 62%, 30%)
HSB
hsb(353, 76%, 48%)
CMYK
cmyk(0%, 76%, 67%, 52%)
Oklch
oklch(38.8% 0.127 19.1)

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

#A33236

Crimson · Brown · Passion Red

HEX
#A33236
RGB
rgb(163, 50, 54)
HSL
hsl(358, 53%, 42%)
HSB
hsb(358, 69%, 64%)
CMYK
cmyk(0%, 69%, 67%, 36%)
Oklch
oklch(48.7% 0.148 22.7)

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

#FFE6CB

Goose Yellow · Bisque · Peach Orange

HEX
#FFE6CB
RGB
rgb(255, 230, 203)
HSL
hsl(31, 100%, 90%)
HSB
hsb(31, 20%, 100%)
CMYK
cmyk(0%, 10%, 20%, 0%)
Oklch
oklch(93.8% 0.045 69.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#072530

Lake Blue · Black · Peacock Green

HEX
#072530
RGB
rgb(7, 37, 48)
HSL
hsl(196, 75%, 11%)
HSB
hsb(196, 85%, 19%)
CMYK
cmyk(85%, 23%, 0%, 81%)
Oklch
oklch(24.8% 0.040 226.3)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

40121F
124033

Analogous

401236
40121F
401C12

Triadic

40121F
1F4012
121F40

Split-Comp.

40121F
12401C
123640

Tetradic

40121F
364012
124033
1C1240

Contrast Matrix WCAG 2.1 Contrast

40121F
7A1D28
A33236
FFE6CB
072530
—
1.5
Fail
2.3
Fail
13.2
AAA
1.0
Fail
1.5
Fail
—
1.5
Fail
8.6
AAA
1.5
Fail
2.3
Fail
1.5
Fail
—
5.7
AA
2.3
Fail
13.2
AAA
8.6
AAA
5.7
AA
—
13.2
AAA
1.0
Fail
1.5
Fail
2.3
Fail
13.2
AAA
—
White BG
15.9AAA
10.3AAA
6.8AA
1.2Fail
16.0AAA
Black BG
1.3Fail
2.0Fail
3.1AA Large
17.4AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C1C
525125
727135
F4F4D2
14142D

Deuteranopia

2F321B
575E25
798135
F6F8D3
12102D

Tritanopia

3E1919
752323
9D3434
FED7D8
092B2B

Achromatopsia

212121
3A3A3A
545454
EAEAEA
1D1D1D

Shades & Tints Shades & Tints

#40121F

Dark
Light

#7A1D28

Dark
Light

#A33236

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #40121f;
  --color-2: #7a1d28;
  --color-3: #a33236;
  --color-4: #ffe6cb;
  --color-5: #072530;
}

SCSS

$color-1: #40121f;
$color-2: #7a1d28;
$color-3: #a33236;
$color-4: #ffe6cb;
$color-5: #072530;

TAILWIND

colors: {
  'brand-1': '#40121f',
  'brand-2': '#7a1d28',
  'brand-3': '#a33236',
  'brand-4': '#ffe6cb',
  'brand-5': '#072530',
}

RGB Array

[64, 18, 31], [122, 29, 40], [163, 50, 54], [255, 230, 203], [7, 37, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #40121F, #7A1D28, #A33236, #FFE6CB, #072530 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #40121f; --color-2: #7a1d28; --color-3: #a33236; --color-4: #ffe6cb; --color-5: #072530. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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