← Back to Editor

#270623 · #A12A5A · #F4C292 · #5A081D · #D0105A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#270623

Rose Purple · Black · Dark Purple

HEX
#270623
RGB
rgb(39, 6, 35)
HSL
hsl(307, 73%, 9%)
HSB
hsb(307, 85%, 15%)
CMYK
cmyk(0%, 85%, 10%, 85%)
Oklch
oklch(19.9% 0.070 333.0)

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

#A12A5A

Dark Violet · Brown · Camellia

HEX
#A12A5A
RGB
rgb(161, 42, 90)
HSL
hsl(336, 59%, 40%)
HSB
hsb(336, 74%, 63%)
CMYK
cmyk(0%, 74%, 44%, 37%)
Oklch
oklch(48.5% 0.159 0.7)

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

#F4C292

Apricot · BurlyWood · Peach Orange

HEX
#F4C292
RGB
rgb(244, 194, 146)
HSL
hsl(29, 82%, 76%)
HSB
hsb(29, 40%, 96%)
CMYK
cmyk(0%, 20%, 40%, 4%)
Oklch
oklch(84.7% 0.085 65.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#5A081D

Vermilion · Maroon · Deep Berry

HEX
#5A081D
RGB
rgb(90, 8, 29)
HSL
hsl(345, 84%, 19%)
HSB
hsb(345, 91%, 35%)
CMYK
cmyk(0%, 91%, 68%, 65%)
Oklch
oklch(30.4% 0.112 14.0)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#D0105A

Dark Violet · Crimson · Camellia

HEX
#D0105A
RGB
rgb(208, 16, 90)
HSL
hsl(337, 86%, 44%)
HSB
hsb(337, 92%, 82%)
CMYK
cmyk(0%, 92%, 57%, 18%)
Oklch
oklch(55.4% 0.216 8.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

270623
06280A

Analogous

1B0628
270623
280613

Triadic

270623
242806
062428

Split-Comp.

270623
132806
06281B

Tetradic

270623
281B06
06280A
061328

Contrast Matrix WCAG 2.1 Contrast

270623
A12A5A
F4C292
5A081D
D0105A
—
2.6
Fail
11.4
AAA
1.3
Fail
3.4
AA Large
2.6
Fail
—
4.3
AA Large
2.0
Fail
1.3
Fail
11.4
AAA
4.3
AA Large
—
8.7
AAA
3.3
AA Large
1.3
Fail
2.0
Fail
8.7
AAA
—
2.6
Fail
3.4
AA Large
1.3
Fail
3.3
AA Large
2.6
Fail
—
White BG
18.5AAA
7.0AAA
1.6Fail
14.1AAA
5.4AA
Black BG
1.1Fail
3.0Fail
13.0AAA
1.5Fail
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

19181C
6D6C4E
DEDE9E
363618
7D7B48

Deuteranopia

1B1D1A
747D4C
E1E5A0
3B4117
889644

Tritanopia

251615
9B4543
F1A7A9
561413
C63A37

Achromatopsia

131313
535353
CBCBCB
232323
525252

Shades & Tints Shades & Tints

#270623

Dark
Light

#A12A5A

Dark
Light

#F4C292

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #270623;
  --color-2: #a12a5a;
  --color-3: #f4c292;
  --color-4: #5a081d;
  --color-5: #d0105a;
}

SCSS

$color-1: #270623;
$color-2: #a12a5a;
$color-3: #f4c292;
$color-4: #5a081d;
$color-5: #d0105a;

TAILWIND

colors: {
  'brand-1': '#270623',
  'brand-2': '#a12a5a',
  'brand-3': '#f4c292',
  'brand-4': '#5a081d',
  'brand-5': '#d0105a',
}

RGB Array

[39, 6, 35], [161, 42, 90], [244, 194, 146], [90, 8, 29], [208, 16, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #270623, #A12A5A, #F4C292, #5A081D, #D0105A 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: #270623; --color-2: #a12a5a; --color-3: #f4c292; --color-4: #5a081d; --color-5: #d0105a. 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