← Back to Editor

#2A1923 · #F83D94 · #FFCEE6 · #F5EACE · #7AD2BA

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

#2A1923

Rose Purple · Black · Raspberry

HEX
#2A1923
RGB
rgb(42, 25, 35)
HSL
hsl(325, 25%, 13%)
HSB
hsb(325, 40%, 16%)
CMYK
cmyk(0%, 40%, 17%, 84%)
Oklch
oklch(24.0% 0.032 343.7)

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

#F83D94

Rouge · DeepPink · Rose Pink

HEX
#F83D94
RGB
rgb(248, 61, 148)
HSL
hsl(332, 93%, 61%)
HSB
hsb(332, 75%, 97%)
CMYK
cmyk(0%, 75%, 40%, 3%)
Oklch
oklch(66.4% 0.231 357.5)

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

#FFCEE6

Rouge · Pink · Cherry Blossom

HEX
#FFCEE6
RGB
rgb(255, 206, 230)
HSL
hsl(331, 100%, 90%)
HSB
hsb(331, 19%, 100%)
CMYK
cmyk(0%, 19%, 10%, 0%)
Oklch
oklch(90.1% 0.063 347.4)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F5EACE

Goose Yellow · Bisque · Lemon Cream

HEX
#F5EACE
RGB
rgb(245, 234, 206)
HSL
hsl(43, 66%, 88%)
HSB
hsb(43, 16%, 96%)
CMYK
cmyk(0%, 4%, 16%, 4%)
Oklch
oklch(93.8% 0.039 89.1)

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

#7AD2BA

Jade · MediumAquaMarine · Lake Green

HEX
#7AD2BA
RGB
rgb(122, 210, 186)
HSL
hsl(164, 49%, 65%)
HSB
hsb(164, 42%, 82%)
CMYK
cmyk(42%, 0%, 11%, 18%)
Oklch
oklch(80.1% 0.093 174.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A1923
192920

Analogous

281929
2A1923
29191A

Triadic

2A1923
232919
192329

Split-Comp.

2A1923
1A2919
192928

Tetradic

2A1923
292819
192920
191A29

Contrast Matrix WCAG 2.1 Contrast

2A1923
F83D94
FFCEE6
F5EACE
7AD2BA
—
4.8
AA
12.1
AAA
13.9
AAA
9.3
AAA
4.8
AA
—
2.5
Fail
2.9
Fail
1.9
Fail
12.1
AAA
2.5
Fail
—
1.2
Fail
1.3
Fail
13.9
AAA
2.9
Fail
1.2
Fail
—
1.5
Fail
9.3
AAA
1.9
Fail
1.3
Fail
1.5
Fail
—
White BG
16.6AAA
3.5AA Large
1.4Fail
1.2Fail
1.8Fail
Black BG
1.3Fail
6.1AA
15.2AAA
17.5AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

232221
A7A57F
EAE9E0
F0F0D5
A0A1C0

Deuteranopia

242520
B2C07A
EDF0DF
F1F2D6
9B94C1

Tritanopia

291F1E
EF6E6B
FDDCDB
F4DADB
7EC4C5

Achromatopsia

1F1F1F
7F7F7F
DFDFDF
EAEAEA
B5B5B5

Shades & Tints Shades & Tints

#2A1923

Dark
Light

#F83D94

Dark
Light

#FFCEE6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a1923;
  --color-2: #f83d94;
  --color-3: #ffcee6;
  --color-4: #f5eace;
  --color-5: #7ad2ba;
}

SCSS

$color-1: #2a1923;
$color-2: #f83d94;
$color-3: #ffcee6;
$color-4: #f5eace;
$color-5: #7ad2ba;

TAILWIND

colors: {
  'brand-1': '#2a1923',
  'brand-2': '#f83d94',
  'brand-3': '#ffcee6',
  'brand-4': '#f5eace',
  'brand-5': '#7ad2ba',
}

RGB Array

[42, 25, 35], [248, 61, 148], [255, 206, 230], [245, 234, 206], [122, 210, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2A1923, #F83D94, #FFCEE6, #F5EACE, #7AD2BA 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: #2a1923; --color-2: #f83d94; --color-3: #ffcee6; --color-4: #f5eace; --color-5: #7ad2ba. 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