← Back to Editor

#040006 · #460729 · #4D193F · #ED5C93 · #E6F9FA

warm

A 5-color warm 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

#040006

Royal Purple · Black · Dark Purple

HEX
#040006
RGB
rgb(4, 0, 6)
HSL
hsl(280, 100%, 1%)
HSB
hsb(280, 100%, 2%)
CMYK
cmyk(33%, 100%, 0%, 98%)
Oklch
oklch(7.8% 0.038 318.7)

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

#460729

Rose Purple · Maroon · Raspberry

HEX
#460729
RGB
rgb(70, 7, 41)
HSL
hsl(328, 82%, 15%)
HSB
hsb(328, 90%, 27%)
CMYK
cmyk(0%, 90%, 41%, 73%)
Oklch
oklch(26.6% 0.098 353.5)

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

#4D193F

Rose Purple · DarkSlateGray · Dark Purple

HEX
#4D193F
RGB
rgb(77, 25, 63)
HSL
hsl(316, 51%, 20%)
HSB
hsb(316, 68%, 30%)
CMYK
cmyk(0%, 68%, 18%, 70%)
Oklch
oklch(31.0% 0.093 339.6)

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

#ED5C93

Rouge · LightCoral · Rose Pink

HEX
#ED5C93
RGB
rgb(237, 92, 147)
HSL
hsl(337, 80%, 65%)
HSB
hsb(337, 61%, 93%)
CMYK
cmyk(0%, 61%, 38%, 7%)
Oklch
oklch(67.7% 0.185 359.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#E6F9FA

Sky Blue · Lavender · Glacier Blue

HEX
#E6F9FA
RGB
rgb(230, 249, 250)
HSL
hsl(183, 67%, 94%)
HSB
hsb(183, 8%, 98%)
CMYK
cmyk(8%, 0%, 0%, 2%)
Oklch
oklch(96.8% 0.020 200.6)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

040006
020500

Analogous

010005
040006
050004

Triadic

040006
050300
000503

Split-Comp.

040006
040500
000501

Tetradic

040006
050100
020500
000405

Contrast Matrix WCAG 2.1 Contrast

040006
460729
4D193F
ED5C93
E6F9FA
—
1.3
Fail
1.5
Fail
6.5
AA
19.1
AAA
1.3
Fail
—
1.2
Fail
5.0
AA
14.6
AAA
1.5
Fail
1.2
Fail
—
4.3
AA Large
12.6
AAA
6.5
AA
5.0
AA
4.3
AA Large
—
2.9
Fail
19.1
AAA
14.6
AAA
12.6
AAA
2.9
Fail
—
White BG
20.8AAA
15.9AAA
13.8AAA
3.2AA Large
1.1Fail
Black BG
1.0Fail
1.3Fail
1.5Fail
6.6AA
19.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

020205
2B2A21
363636
AEAD86
EEEEFA

Deuteranopia

030304
2E331F
3A3D34
B7C183
EDECFA

Tritanopia

040303
431A19
4A2F2D
E67B79
E7FAFA

Achromatopsia

020202
1E1E1E
2D2D2D
8E8E8E
F3F3F3

Shades & Tints Shades & Tints

#040006

Dark
Light

#460729

Dark
Light

#4D193F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #040006;
  --color-2: #460729;
  --color-3: #4d193f;
  --color-4: #ed5c93;
  --color-5: #e6f9fa;
}

SCSS

$color-1: #040006;
$color-2: #460729;
$color-3: #4d193f;
$color-4: #ed5c93;
$color-5: #e6f9fa;

TAILWIND

colors: {
  'brand-1': '#040006',
  'brand-2': '#460729',
  'brand-3': '#4d193f',
  'brand-4': '#ed5c93',
  'brand-5': '#e6f9fa',
}

RGB Array

[4, 0, 6], [70, 7, 41], [77, 25, 63], [237, 92, 147], [230, 249, 250]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #040006, #460729, #4D193F, #ED5C93, #E6F9FA 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: #040006; --color-2: #460729; --color-3: #4d193f; --color-4: #ed5c93; --color-5: #e6f9fa. 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 warm-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