← Back to Editor

#FFD3AB · #EE636E · #C93CAB · #6118AE · #0A0442

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

#FFD3AB

Apricot · Wheat · Peach Orange

HEX
#FFD3AB
RGB
rgb(255, 211, 171)
HSL
hsl(29, 100%, 84%)
HSB
hsb(29, 33%, 100%)
CMYK
cmyk(0%, 17%, 33%, 0%)
Oklch
oklch(89.5% 0.072 64.0)

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

#EE636E

Peach Pink · Salmon · Coral Red

HEX
#EE636E
RGB
rgb(238, 99, 110)
HSL
hsl(355, 80%, 66%)
HSB
hsb(355, 58%, 93%)
CMYK
cmyk(0%, 58%, 54%, 7%)
Oklch
oklch(67.7% 0.172 18.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C93CAB

Rose Purple · MediumOrchid · Violet

HEX
#C93CAB
RGB
rgb(201, 60, 171)
HSL
hsl(313, 57%, 51%)
HSB
hsb(313, 70%, 79%)
CMYK
cmyk(0%, 70%, 15%, 21%)
Oklch
oklch(59.9% 0.211 337.7)

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

#6118AE

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#6118AE
RGB
rgb(97, 24, 174)
HSL
hsl(269, 76%, 39%)
HSB
hsb(269, 86%, 68%)
CMYK
cmyk(44%, 86%, 0%, 32%)
Oklch
oklch(42.4% 0.210 298.2)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#0A0442

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#0A0442
RGB
rgb(10, 4, 66)
HSL
hsl(246, 89%, 14%)
HSB
hsb(246, 94%, 26%)
CMYK
cmyk(85%, 94%, 0%, 74%)
Oklch
oklch(18.8% 0.108 273.8)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD3AB
ADD8FF

Analogous

FFADAF
FFD3AB
FFFEAD

Triadic

FFD3AB
ADFFD5
D5ADFF

Split-Comp.

FFD3AB
ADFFFE
ADAFFF

Tetradic

FFD3AB
AFFFAD
ADD8FF
FEADFF

Contrast Matrix WCAG 2.1 Contrast

FFD3AB
EE636E
C93CAB
6118AE
0A0442
—
2.3
Fail
3.2
AA Large
6.7
AA
13.7
AAA
2.3
Fail
—
1.4
Fail
3.0
Fail
6.0
AA
3.2
AA Large
1.4
Fail
—
2.1
Fail
4.3
AA Large
6.7
AA
3.0
Fail
2.1
Fail
—
2.0
Fail
13.7
AAA
6.0
AA
4.3
AA Large
2.0
Fail
—
White BG
1.4Fail
3.2AA Large
4.5AA Large
9.3AAA
18.9AAA
Black BG
15.2AAA
6.6AA
4.7AA
2.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECB5
B2B16B
8C8B90
41418A
070733

Deuteranopia

EFF2B7
BAC46B
949F8A
464B81
08082F

Tritanopia

FDBCBE
E76969
C27B76
5D6D67
0A2725

Achromatopsia

DCDCDC
8E8E8E
737373
3F3F3F
0D0D0D

Shades & Tints Shades & Tints

#FFD3AB

Dark
Light

#EE636E

Dark
Light

#C93CAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd3ab;
  --color-2: #ee636e;
  --color-3: #c93cab;
  --color-4: #6118ae;
  --color-5: #0a0442;
}

SCSS

$color-1: #ffd3ab;
$color-2: #ee636e;
$color-3: #c93cab;
$color-4: #6118ae;
$color-5: #0a0442;

TAILWIND

colors: {
  'brand-1': '#ffd3ab',
  'brand-2': '#ee636e',
  'brand-3': '#c93cab',
  'brand-4': '#6118ae',
  'brand-5': '#0a0442',
}

RGB Array

[255, 211, 171], [238, 99, 110], [201, 60, 171], [97, 24, 174], [10, 4, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FFD3AB, #EE636E, #C93CAB, #6118AE, #0A0442 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #ffd3ab; --color-2: #ee636e; --color-3: #c93cab; --color-4: #6118ae; --color-5: #0a0442. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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