← Back to Editor

#C991A4 · #FF006F · #FF0090 · #262426 · #F2C2C2

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#C991A4

Rouge · DarkGray · Rose Pink

HEX
#C991A4
RGB
rgb(201, 145, 164)
HSL
hsl(340, 34%, 68%)
HSB
hsb(340, 28%, 79%)
CMYK
cmyk(0%, 28%, 18%, 21%)
Oklch
oklch(71.6% 0.072 357.0)

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

#FF006F

Dark Violet · DeepPink · Camellia

HEX
#FF006F
RGB
rgb(255, 0, 111)
HSL
hsl(334, 100%, 50%)
HSB
hsb(334, 100%, 100%)
CMYK
cmyk(0%, 100%, 56%, 0%)
Oklch
oklch(64.1% 0.257 7.8)

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

#FF0090

Rose Purple · DeepPink · Camellia

HEX
#FF0090
RGB
rgb(255, 0, 144)
HSL
hsl(326, 100%, 50%)
HSB
hsb(326, 100%, 100%)
CMYK
cmyk(0%, 100%, 44%, 0%)
Oklch
oklch(65.0% 0.265 357.5)

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

#262426

Ink Black · DarkSlateGray · Dark Stone

HEX
#262426
RGB
rgb(38, 36, 38)
HSL
hsl(300, 3%, 15%)
HSB
hsb(300, 5%, 15%)
CMYK
cmyk(0%, 5%, 0%, 85%)
Oklch
oklch(26.3% 0.005 325.7)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#F2C2C2

Peach Pink · Pink · Cherry Blossom

HEX
#F2C2C2
RGB
rgb(242, 194, 194)
HSL
hsl(0, 65%, 85%)
HSB
hsb(0, 20%, 95%)
CMYK
cmyk(0%, 20%, 20%, 5%)
Oklch
oklch(85.6% 0.055 18.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C991A4
92C9B7

Analogous

C992C0
C991A4
C99B92

Triadic

C991A4
A4C992
92A4C9

Split-Comp.

C991A4
92C99B
92C0C9

Tetradic

C991A4
C0C992
92C9B7
9B92C9

Contrast Matrix WCAG 2.1 Contrast

C991A4
FF006F
FF0090
262426
F2C2C2
—
1.5
Fail
1.4
Fail
5.9
AA
1.6
Fail
1.5
Fail
—
1.0
Fail
4.0
AA Large
2.4
Fail
1.4
Fail
1.0
Fail
—
4.1
AA Large
2.3
Fail
5.9
AA
4.0
AA Large
4.1
AA Large
—
9.7
AAA
1.6
Fail
2.4
Fail
2.3
Fail
9.7
AAA
—
White BG
2.6Fail
3.8AA Large
3.7AA Large
15.4AAA
1.6Fail
Black BG
8.1AAA
5.5AA
5.7AA
1.4Fail
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B09F
918E54
918E6D
252526
DDDDC2

Deuteranopia

B4B89E
9FB34E
9FB365
252525
E0E4C2

Tritanopia

C69C9B
F23F3A
F2524C
262525
F0C2C2

Achromatopsia

A4A4A4
595959
5D5D5D
252525
D0D0D0

Shades & Tints Shades & Tints

#C991A4

Dark
Light

#FF006F

Dark
Light

#FF0090

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c991a4;
  --color-2: #ff006f;
  --color-3: #ff0090;
  --color-4: #262426;
  --color-5: #f2c2c2;
}

SCSS

$color-1: #c991a4;
$color-2: #ff006f;
$color-3: #ff0090;
$color-4: #262426;
$color-5: #f2c2c2;

TAILWIND

colors: {
  'brand-1': '#c991a4',
  'brand-2': '#ff006f',
  'brand-3': '#ff0090',
  'brand-4': '#262426',
  'brand-5': '#f2c2c2',
}

RGB Array

[201, 145, 164], [255, 0, 111], [255, 0, 144], [38, 36, 38], [242, 194, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #C991A4, #FF006F, #FF0090, #262426, #F2C2C2 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: #c991a4; --color-2: #ff006f; --color-3: #ff0090; --color-4: #262426; --color-5: #f2c2c2. 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 minimal-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