← Back to Editor

#FF1F68 · #F50B48 · #FF6C6F · #FFE4B8 · #FFAD9C

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FF1F68

Dark Violet · DeepPink · Rose Pink

HEX
#FF1F68
RGB
rgb(255, 31, 104)
HSL
hsl(340, 100%, 56%)
HSB
hsb(340, 88%, 100%)
CMYK
cmyk(0%, 88%, 59%, 0%)
Oklch
oklch(64.7% 0.247 11.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F50B48

Dark Violet · Crimson · Camellia

HEX
#F50B48
RGB
rgb(245, 11, 72)
HSL
hsl(344, 92%, 50%)
HSB
hsb(344, 96%, 96%)
CMYK
cmyk(0%, 96%, 71%, 4%)
Oklch
oklch(61.7% 0.244 18.4)

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

#FF6C6F

Peach Pink · Salmon · Coral Red

HEX
#FF6C6F
RGB
rgb(255, 108, 111)
HSL
hsl(359, 100%, 71%)
HSB
hsb(359, 58%, 100%)
CMYK
cmyk(0%, 58%, 56%, 0%)
Oklch
oklch(71.4% 0.180 21.6)

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

#FFE4B8

Goose Yellow · Bisque · Peach Orange

HEX
#FFE4B8
RGB
rgb(255, 228, 184)
HSL
hsl(37, 100%, 86%)
HSB
hsb(37, 28%, 100%)
CMYK
cmyk(0%, 11%, 28%, 0%)
Oklch
oklch(93.0% 0.064 79.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFAD9C

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FFAD9C
RGB
rgb(255, 173, 156)
HSL
hsl(10, 100%, 81%)
HSB
hsb(10, 39%, 100%)
CMYK
cmyk(0%, 32%, 39%, 0%)
Oklch
oklch(82.3% 0.100 32.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF1F68
1FFFB4

Analogous

FF1FDA
FF1F68
FF441F

Triadic

FF1F68
69FF1F
1F69FF

Split-Comp.

FF1F68
1FFF44
1FDAFF

Tetradic

FF1F68
DAFF1F
1FFFB4
441FFF

Contrast Matrix WCAG 2.1 Contrast

FF1F68
F50B48
FF6C6F
FFE4B8
FFAD9C
—
1.1
Fail
1.4
Fail
3.0
AA Large
2.1
Fail
1.1
Fail
—
1.5
Fail
3.4
AA Large
2.3
Fail
1.4
Fail
1.5
Fail
—
2.2
Fail
1.5
Fail
3.0
AA Large
3.4
AA Large
2.2
Fail
—
1.5
Fail
2.1
Fail
2.3
Fail
1.5
Fail
1.5
Fail
—
White BG
3.7AA Large
4.2AA Large
2.8Fail
1.2Fail
1.8Fail
Black BG
5.6AA
5.0AA
7.6AAA
17.0AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9C56
908E39
BFBE6E
F3F3C3
DBDBA0

Deuteranopia

ABBC52
9DAF36
C8D36E
F5F7C5
E0E6A1

Tritanopia

F44845
E92E2B
F86E6E
FECBCD
FBA3A4

Achromatopsia

6A6A6A
585858
989898
E7E7E7
C4C4C4

Shades & Tints Shades & Tints

#FF1F68

Dark
Light

#F50B48

Dark
Light

#FF6C6F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff1f68;
  --color-2: #f50b48;
  --color-3: #ff6c6f;
  --color-4: #ffe4b8;
  --color-5: #ffad9c;
}

SCSS

$color-1: #ff1f68;
$color-2: #f50b48;
$color-3: #ff6c6f;
$color-4: #ffe4b8;
$color-5: #ffad9c;

TAILWIND

colors: {
  'brand-1': '#ff1f68',
  'brand-2': '#f50b48',
  'brand-3': '#ff6c6f',
  'brand-4': '#ffe4b8',
  'brand-5': '#ffad9c',
}

RGB Array

[255, 31, 104], [245, 11, 72], [255, 108, 111], [255, 228, 184], [255, 173, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #FF1F68, #F50B48, #FF6C6F, #FFE4B8, #FFAD9C 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: #ff1f68; --color-2: #f50b48; --color-3: #ff6c6f; --color-4: #ffe4b8; --color-5: #ffad9c. 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 dark-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