← Back to Editor

#FF3D7F · #FF9E9D · #DAD8A7 · #7FC7AF · #69A3B6

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 App

Color Details Color Details

#FF3D7F

Rouge · DeepPink · Rose Pink

HEX
#FF3D7F
RGB
rgb(255, 61, 127)
HSL
hsl(340, 100%, 62%)
HSB
hsb(340, 76%, 100%)
CMYK
cmyk(0%, 76%, 50%, 0%)
Oklch
oklch(66.9% 0.230 6.1)

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

#FF9E9D

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FF9E9D
RGB
rgb(255, 158, 157)
HSL
hsl(1, 100%, 81%)
HSB
hsb(1, 38%, 100%)
CMYK
cmyk(0%, 38%, 38%, 0%)
Oklch
oklch(79.8% 0.116 20.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DAD8A7

Fresh Green · Wheat · Sunflower

HEX
#DAD8A7
RGB
rgb(218, 216, 167)
HSL
hsl(58, 41%, 75%)
HSB
hsb(58, 23%, 85%)
CMYK
cmyk(0%, 1%, 23%, 15%)
Oklch
oklch(87.2% 0.064 105.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#7FC7AF

Jade · MediumAquaMarine · Lake Green

HEX
#7FC7AF
RGB
rgb(127, 199, 175)
HSL
hsl(160, 39%, 64%)
HSB
hsb(160, 36%, 78%)
CMYK
cmyk(36%, 0%, 12%, 22%)
Oklch
oklch(77.5% 0.081 171.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#69A3B6

Slate Blue · CadetBlue · Lake Green

HEX
#69A3B6
RGB
rgb(105, 163, 182)
HSL
hsl(195, 35%, 56%)
HSB
hsb(195, 42%, 71%)
CMYK
cmyk(42%, 10%, 0%, 29%)
Oklch
oklch(68.3% 0.067 220.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF3D7F
3DFFBE

Analogous

FF3DDF
FF3D7F
FF5E3D

Triadic

FF3D7F
7EFF3D
3D7EFF

Split-Comp.

FF3D7F
3DFF5D
3DDFFF

Tetradic

FF3D7F
DFFF3D
3DFFBE
5E3DFF

Contrast Matrix WCAG 2.1 Contrast

FF3D7F
FF9E9D
DAD8A7
7FC7AF
69A3B6
—
1.7
Fail
2.3
Fail
1.7
Fail
1.2
Fail
1.7
Fail
—
1.4
Fail
1.0
Fail
1.4
Fail
2.3
Fail
1.4
Fail
—
1.3
Fail
1.9
Fail
1.7
Fail
1.0
Fail
1.3
Fail
—
1.4
Fail
1.2
Fail
1.4
Fail
1.9
Fail
1.4
Fail
—
White BG
3.4AA Large
2.0Fail
1.5Fail
2.0Fail
2.8Fail
Black BG
6.2AA
10.6AAA
14.4AAA
10.7AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABA96F
D5D49D
D9D9B3
9E9FB5
8283B1

Deuteranopia

B6C56B
DBE29D
D9D9B6
9A95B6
7F7AB0

Tritanopia

F56260
FA9D9D
DABCBE
83B9BA
6CAEAD

Achromatopsia

7F7F7F
BBBBBB
D3D3D3
AFAFAF
949494

Shades & Tints Shades & Tints

#FF3D7F

Dark
Light

#FF9E9D

Dark
Light

#DAD8A7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff3d7f;
  --color-2: #ff9e9d;
  --color-3: #dad8a7;
  --color-4: #7fc7af;
  --color-5: #69a3b6;
}

SCSS

$color-1: #ff3d7f;
$color-2: #ff9e9d;
$color-3: #dad8a7;
$color-4: #7fc7af;
$color-5: #69a3b6;

TAILWIND

colors: {
  'brand-1': '#ff3d7f',
  'brand-2': '#ff9e9d',
  'brand-3': '#dad8a7',
  'brand-4': '#7fc7af',
  'brand-5': '#69a3b6',
}

RGB Array

[255, 61, 127], [255, 158, 157], [218, 216, 167], [127, 199, 175], [105, 163, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF3D7F, #FF9E9D, #DAD8A7, #7FC7AF, #69A3B6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #ff3d7f; --color-2: #ff9e9d; --color-3: #dad8a7; --color-4: #7fc7af; --color-5: #69a3b6. 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. 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