← Back to Editor

#F6D8A5 · #EE9787 · #DE6879 · #7B244B · #23020A

bright

A 5-color bright 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

#F6D8A5

Goose Yellow · Wheat · Peach Orange

HEX
#F6D8A5
RGB
rgb(246, 216, 165)
HSL
hsl(38, 82%, 81%)
HSB
hsb(38, 33%, 96%)
CMYK
cmyk(0%, 12%, 33%, 4%)
Oklch
oklch(89.5% 0.074 80.7)

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

#EE9787

Peach Pink · DarkSalmon · Coral Red

HEX
#EE9787
RGB
rgb(238, 151, 135)
HSL
hsl(9, 75%, 73%)
HSB
hsb(9, 43%, 93%)
CMYK
cmyk(0%, 37%, 43%, 7%)
Oklch
oklch(76.1% 0.108 31.0)

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

#DE6879

Peach Pink · LightCoral · Coral Red

HEX
#DE6879
RGB
rgb(222, 104, 121)
HSL
hsl(351, 64%, 64%)
HSB
hsb(351, 53%, 87%)
CMYK
cmyk(0%, 53%, 45%, 13%)
Oklch
oklch(66.3% 0.148 13.1)

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

#7B244B

Dark Violet · Brown · Camellia

HEX
#7B244B
RGB
rgb(123, 36, 75)
HSL
hsl(333, 55%, 31%)
HSB
hsb(333, 71%, 48%)
CMYK
cmyk(0%, 71%, 39%, 52%)
Oklch
oklch(40.8% 0.126 356.7)

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

#23020A

Vermilion · Black · Deep Berry

HEX
#23020A
RGB
rgb(35, 2, 10)
HSL
hsl(345, 89%, 7%)
HSB
hsb(345, 94%, 14%)
CMYK
cmyk(0%, 94%, 71%, 86%)
Oklch
oklch(16.9% 0.060 8.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6D8A5
A7C4F6

Analogous

F6B1A7
F6D8A5
ECF6A7

Triadic

F6D8A5
A7F6D9
D9A7F6

Split-Comp.

F6D8A5
A7ECF6
B1A7F6

Tetradic

F6D8A5
A7F6B1
A7C4F6
F6A7EC

Contrast Matrix WCAG 2.1 Contrast

F6D8A5
EE9787
DE6879
7B244B
23020A
—
1.6
Fail
2.4
Fail
7.0
AA
14.1
AAA
1.6
Fail
—
1.5
Fail
4.3
AA Large
8.7
AAA
2.4
Fail
1.5
Fail
—
2.9
Fail
5.9
AA
7.0
AA
4.3
AA Large
2.9
Fail
—
2.0
Fail
14.1
AAA
8.7
AAA
5.9
AA
2.0
Fail
—
White BG
1.4Fail
2.2Fail
3.3AA Large
9.6AAA
19.4AAA
Black BG
15.3AAA
9.4AAA
6.4AA
2.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9B1
C8C88B
ABAA75
555542
151408

Deuteranopia

EBEDB4
CDD48C
B2BB74
5A613F
171908

Tritanopia

F5BBBD
EA8E8F
D87271
773A38
210706

Achromatopsia

DBDBDB
AFAFAF
8D8D8D
424242
0D0D0D

Shades & Tints Shades & Tints

#F6D8A5

Dark
Light

#EE9787

Dark
Light

#DE6879

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6d8a5;
  --color-2: #ee9787;
  --color-3: #de6879;
  --color-4: #7b244b;
  --color-5: #23020a;
}

SCSS

$color-1: #f6d8a5;
$color-2: #ee9787;
$color-3: #de6879;
$color-4: #7b244b;
$color-5: #23020a;

TAILWIND

colors: {
  'brand-1': '#f6d8a5',
  'brand-2': '#ee9787',
  'brand-3': '#de6879',
  'brand-4': '#7b244b',
  'brand-5': '#23020a',
}

RGB Array

[246, 216, 165], [238, 151, 135], [222, 104, 121], [123, 36, 75], [35, 2, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #F6D8A5, #EE9787, #DE6879, #7B244B, #23020A 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: #f6d8a5; --color-2: #ee9787; --color-3: #de6879; --color-4: #7b244b; --color-5: #23020a. 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 bright-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