← Back to Editor

#750C39 · #FF96AF · #FFD4DE · #F7F1DC · #ADACAC

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

#750C39

Dark Violet · Brown · Raspberry

HEX
#750C39
RGB
rgb(117, 12, 57)
HSL
hsl(334, 81%, 25%)
HSB
hsb(334, 90%, 46%)
CMYK
cmyk(0%, 90%, 51%, 54%)
Oklch
oklch(37.0% 0.139 2.6)

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

#FF96AF

Peach Pink · LightPink · Coral Red

HEX
#FF96AF
RGB
rgb(255, 150, 175)
HSL
hsl(346, 100%, 79%)
HSB
hsb(346, 41%, 100%)
CMYK
cmyk(0%, 41%, 31%, 0%)
Oklch
oklch(78.9% 0.128 5.1)

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

#FFD4DE

Peach Pink · Pink · Cherry Blossom

HEX
#FFD4DE
RGB
rgb(255, 212, 222)
HSL
hsl(346, 100%, 92%)
HSB
hsb(346, 17%, 100%)
CMYK
cmyk(0%, 17%, 13%, 0%)
Oklch
oklch(90.9% 0.050 2.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F7F1DC

Goose Yellow · Beige · Lemon Cream

HEX
#F7F1DC
RGB
rgb(247, 241, 220)
HSL
hsl(47, 63%, 92%)
HSB
hsb(47, 11%, 97%)
CMYK
cmyk(0%, 2%, 11%, 3%)
Oklch
oklch(95.7% 0.028 93.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#ADACAC

Ash · DarkGray · Silver Sand

HEX
#ADACAC
RGB
rgb(173, 172, 172)
HSL
hsl(0, 1%, 68%)
HSB
hsb(0, 1%, 68%)
CMYK
cmyk(0%, 1%, 1%, 32%)
Oklch
oklch(74.5% 0.001 17.2)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

750C39
0C7347

Analogous

730C6D
750C39
73130C

Triadic

750C39
39730C
0C3973

Split-Comp.

750C39
0C7313
0C6D73

Tetradic

750C39
6D730C
0C7347
130C73

Contrast Matrix WCAG 2.1 Contrast

750C39
FF96AF
FFD4DE
F7F1DC
ADACAC
—
5.5
AA
8.4
AAA
9.9
AAA
5.0
AA
5.5
AA
—
1.5
Fail
1.8
Fail
1.1
Fail
8.4
AAA
1.5
Fail
—
1.2
Fail
1.7
Fail
9.9
AAA
1.8
Fail
1.2
Fail
—
2.0
Fail
5.0
AA
1.1
Fail
1.7
Fail
2.0
Fail
—
White BG
11.2AAA
2.1Fail
1.3Fail
1.1Fail
2.3Fail
Black BG
1.9Fail
10.2AAA
15.7AAA
18.6AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

48472E
D2D1A9
ECECDC
F4F4E1
ADADAC

Deuteranopia

4E552C
D8E0A8
EFF2DB
F5F5E2
ADADAC

Tritanopia

702624
FAA4A3
FDDAD9
F7E5E6
ADACAC

Achromatopsia

313131
B8B8B8
E2E2E2
F0F0F0
ACACAC

Shades & Tints Shades & Tints

#750C39

Dark
Light

#FF96AF

Dark
Light

#FFD4DE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #750c39;
  --color-2: #ff96af;
  --color-3: #ffd4de;
  --color-4: #f7f1dc;
  --color-5: #adacac;
}

SCSS

$color-1: #750c39;
$color-2: #ff96af;
$color-3: #ffd4de;
$color-4: #f7f1dc;
$color-5: #adacac;

TAILWIND

colors: {
  'brand-1': '#750c39',
  'brand-2': '#ff96af',
  'brand-3': '#ffd4de',
  'brand-4': '#f7f1dc',
  'brand-5': '#adacac',
}

RGB Array

[117, 12, 57], [255, 150, 175], [255, 212, 222], [247, 241, 220], [173, 172, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #750C39, #FF96AF, #FFD4DE, #F7F1DC, #ADACAC is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #750c39; --color-2: #ff96af; --color-3: #ffd4de; --color-4: #f7f1dc; --color-5: #adacac. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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