← Back to Editor

#2F0423 · #F51585 · #CB998B · #79CBAC · #EEFECE

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 AppData Visualization

Color Details Color Details

#2F0423

Rose Purple · Black · Dark Purple

HEX
#2F0423
RGB
rgb(47, 4, 35)
HSL
hsl(317, 84%, 10%)
HSB
hsb(317, 91%, 18%)
CMYK
cmyk(0%, 91%, 26%, 82%)
Oklch
oklch(21.2% 0.080 341.6)

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

#F51585

Dark Violet · DeepPink · Rose Pink

HEX
#F51585
RGB
rgb(245, 21, 133)
HSL
hsl(330, 92%, 52%)
HSB
hsb(330, 91%, 96%)
CMYK
cmyk(0%, 91%, 46%, 4%)
Oklch
oklch(63.3% 0.250 359.6)

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

#CB998B

Peach Pink · Tan · Coral Red

HEX
#CB998B
RGB
rgb(203, 153, 139)
HSL
hsl(13, 38%, 67%)
HSB
hsb(13, 32%, 80%)
CMYK
cmyk(0%, 25%, 32%, 20%)
Oklch
oklch(72.6% 0.064 36.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#79CBAC

Jade · MediumAquaMarine · Apple Green

HEX
#79CBAC
RGB
rgb(121, 203, 172)
HSL
hsl(157, 44%, 64%)
HSB
hsb(157, 40%, 80%)
CMYK
cmyk(40%, 0%, 15%, 20%)
Oklch
oklch(78.1% 0.093 167.8)

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

#EEFECE

Willow Green · Beige · Mint Green

HEX
#EEFECE
RGB
rgb(238, 254, 206)
HSL
hsl(80, 96%, 90%)
HSB
hsb(80, 19%, 100%)
CMYK
cmyk(6%, 0%, 19%, 0%)
Oklch
oklch(97.3% 0.065 122.6)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F0423
042F10

Analogous

26042F
2F0423
2F040D

Triadic

2F0423
232F04
04232F

Split-Comp.

2F0423
0D2F04
042F26

Tetradic

2F0423
2F2604
042F10
040D2F

Contrast Matrix WCAG 2.1 Contrast

2F0423
F51585
CB998B
79CBAC
EEFECE
—
4.6
AA
7.3
AAA
9.4
AAA
16.9
AAA
4.6
AA
—
1.6
Fail
2.1
Fail
3.7
AA Large
7.3
AAA
1.6
Fail
—
1.3
Fail
2.3
Fail
9.4
AAA
2.1
Fail
1.3
Fail
—
1.8
Fail
16.9
AAA
3.7
AA Large
2.3
Fail
1.8
Fail
—
White BG
18.1AAA
3.9AA Large
2.5Fail
1.9Fail
1.1Fail
Black BG
1.2Fail
5.3AA
8.5AAA
11.0AAA
19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C1B
94926A
B5B58E
9D9DB4
F5F5DA

Deuteranopia

1F221A
A1B263
B8BC8F
9892B5
F4F3DC

Tritanopia

2D1614
EA5550
C99192
7DB9BB
EFE3E5

Achromatopsia

141414
656565
A6A6A6
AFAFAF
F4F4F4

Shades & Tints Shades & Tints

#2F0423

Dark
Light

#F51585

Dark
Light

#CB998B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f0423;
  --color-2: #f51585;
  --color-3: #cb998b;
  --color-4: #79cbac;
  --color-5: #eefece;
}

SCSS

$color-1: #2f0423;
$color-2: #f51585;
$color-3: #cb998b;
$color-4: #79cbac;
$color-5: #eefece;

TAILWIND

colors: {
  'brand-1': '#2f0423',
  'brand-2': '#f51585',
  'brand-3': '#cb998b',
  'brand-4': '#79cbac',
  'brand-5': '#eefece',
}

RGB Array

[47, 4, 35], [245, 21, 133], [203, 153, 139], [121, 203, 172], [238, 254, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2F0423, #F51585, #CB998B, #79CBAC, #EEFECE 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: #2f0423; --color-2: #f51585; --color-3: #cb998b; --color-4: #79cbac; --color-5: #eefece. 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 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