← Back to Editor

#F96D8A · #F6A496 · #2D0E13 · #E0C18A · #9E7B5D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#F96D8A

Peach Pink · LightCoral · Coral Red

HEX
#F96D8A
RGB
rgb(249, 109, 138)
HSL
hsl(348, 92%, 70%)
HSB
hsb(348, 56%, 98%)
CMYK
cmyk(0%, 56%, 45%, 2%)
Oklch
oklch(71.2% 0.172 9.7)

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

#F6A496

Peach Pink · LightSalmon · Coral Red

HEX
#F6A496
RGB
rgb(246, 164, 150)
HSL
hsl(9, 84%, 78%)
HSB
hsb(9, 39%, 96%)
CMYK
cmyk(0%, 33%, 39%, 4%)
Oklch
oklch(79.6% 0.100 30.1)

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

#2D0E13

Crimson · Black · Deep Berry

HEX
#2D0E13
RGB
rgb(45, 14, 19)
HSL
hsl(350, 53%, 12%)
HSB
hsb(350, 69%, 18%)
CMYK
cmyk(0%, 69%, 58%, 82%)
Oklch
oklch(21.6% 0.051 12.5)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#E0C18A

Goose Yellow · BurlyWood · Warm Sun

HEX
#E0C18A
RGB
rgb(224, 193, 138)
HSL
hsl(38, 58%, 71%)
HSB
hsb(38, 38%, 88%)
CMYK
cmyk(0%, 14%, 38%, 12%)
Oklch
oklch(82.5% 0.080 81.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#9E7B5D

Tangerine · Gray · Amber Brown

HEX
#9E7B5D
RGB
rgb(158, 123, 93)
HSL
hsl(28, 26%, 49%)
HSB
hsb(28, 41%, 62%)
CMYK
cmyk(0%, 22%, 41%, 38%)
Oklch
oklch(60.9% 0.061 61.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F96D8A
6CF9DD

Analogous

F96CCF
F96D8A
F9966C

Triadic

F96D8A
88F96C
6C88F9

Split-Comp.

F96D8A
6CF996
6CCFF9

Tetradic

F96D8A
CFF96C
6CF9DD
966CF9

Contrast Matrix WCAG 2.1 Contrast

F96D8A
F6A496
2D0E13
E0C18A
9E7B5D
—
1.4
Fail
6.4
AA
1.6
Fail
1.4
Fail
1.4
Fail
—
9.0
AAA
1.1
Fail
2.0
Fail
6.4
AA
9.0
AAA
—
10.3
AAA
4.6
AA
1.6
Fail
1.1
Fail
10.3
AAA
—
2.2
Fail
1.4
Fail
2.0
Fail
4.6
AA
2.2
Fail
—
White BG
2.8Fail
2.0Fail
17.7AAA
1.7Fail
3.9AA Large
Black BG
7.6AAA
10.7AAA
1.2Fail
12.2AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBB83
D2D299
201F12
D3D297
8F8F64

Deuteranopia

C5CF81
D7DD9A
212412
D4D79B
919466

Tritanopia

F27D7C
F29C9D
2B1111
DEA2A4
9C6A6B

Achromatopsia

9A9A9A
BBBBBB
181818
C4C4C4
828282

Shades & Tints Shades & Tints

#F96D8A

Dark
Light

#F6A496

Dark
Light

#2D0E13

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f96d8a;
  --color-2: #f6a496;
  --color-3: #2d0e13;
  --color-4: #e0c18a;
  --color-5: #9e7b5d;
}

SCSS

$color-1: #f96d8a;
$color-2: #f6a496;
$color-3: #2d0e13;
$color-4: #e0c18a;
$color-5: #9e7b5d;

TAILWIND

colors: {
  'brand-1': '#f96d8a',
  'brand-2': '#f6a496',
  'brand-3': '#2d0e13',
  'brand-4': '#e0c18a',
  'brand-5': '#9e7b5d',
}

RGB Array

[249, 109, 138], [246, 164, 150], [45, 14, 19], [224, 193, 138], [158, 123, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F96D8A, #F6A496, #2D0E13, #E0C18A, #9E7B5D 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: #f96d8a; --color-2: #f6a496; --color-3: #2d0e13; --color-4: #e0c18a; --color-5: #9e7b5d. 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