← Back to Editor

#801B3C · #F1C691 · #FF0462 · #FEAB8D · #F77F65

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

#801B3C

Dark Violet · Brown · Camellia

HEX
#801B3C
RGB
rgb(128, 27, 60)
HSL
hsl(340, 65%, 30%)
HSB
hsb(340, 79%, 50%)
CMYK
cmyk(0%, 79%, 53%, 50%)
Oklch
oklch(40.3% 0.137 6.7)

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

#F1C691

Goose Yellow · BurlyWood · Peach Orange

HEX
#F1C691
RGB
rgb(241, 198, 145)
HSL
hsl(33, 77%, 76%)
HSB
hsb(33, 40%, 95%)
CMYK
cmyk(0%, 18%, 40%, 5%)
Oklch
oklch(85.2% 0.084 72.1)

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

#FF0462

Dark Violet · DeepPink · Rose Pink

HEX
#FF0462
RGB
rgb(255, 4, 98)
HSL
hsl(338, 100%, 51%)
HSB
hsb(338, 98%, 100%)
CMYK
cmyk(0%, 98%, 62%, 0%)
Oklch
oklch(63.9% 0.254 11.8)

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

#FEAB8D

Apricot · LightSalmon · Peach Orange

HEX
#FEAB8D
RGB
rgb(254, 171, 141)
HSL
hsl(16, 98%, 77%)
HSB
hsb(16, 44%, 100%)
CMYK
cmyk(0%, 33%, 44%, 0%)
Oklch
oklch(81.5% 0.107 40.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F77F65

Peach Pink · Salmon · Coral Red

HEX
#F77F65
RGB
rgb(247, 127, 101)
HSL
hsl(11, 90%, 68%)
HSB
hsb(11, 59%, 97%)
CMYK
cmyk(0%, 49%, 59%, 3%)
Oklch
oklch(72.7% 0.152 33.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

801B3C
1B7E5D

Analogous

7E1B6E
801B3C
7E2B1B

Triadic

801B3C
3C7E1B
1B3C7E

Split-Comp.

801B3C
1B7E2B
1B6E7E

Tetradic

801B3C
6E7E1B
1B7E5D
2B1B7E

Contrast Matrix WCAG 2.1 Contrast

801B3C
F1C691
FF0462
FEAB8D
F77F65
—
6.2
AA
2.5
Fail
5.3
AA
3.8
AA Large
6.2
AA
—
2.4
Fail
1.2
Fail
1.6
Fail
2.5
Fail
2.4
Fail
—
2.1
Fail
1.5
Fail
5.3
AA
1.2
Fail
2.1
Fail
—
1.4
Fail
3.8
AA Large
1.6
Fail
1.5
Fail
1.4
Fail
—
White BG
9.8AAA
1.6Fail
3.9AA Large
1.8Fail
2.6Fail
Black BG
2.1Fail
13.2AAA
5.4AA
11.4AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

545334
DEDE9E
92904B
DAD994
C3C26B

Deuteranopia

5A6232
E1E4A1
A1B446
DFE596
CAD36D

Tritanopia

7B2E2C
EFA8AA
F23935
FA9A9B
F17071

Achromatopsia

3D3D3D
CDCDCD
5A5A5A
C0C0C0
A0A0A0

Shades & Tints Shades & Tints

#801B3C

Dark
Light

#F1C691

Dark
Light

#FF0462

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #801b3c;
  --color-2: #f1c691;
  --color-3: #ff0462;
  --color-4: #feab8d;
  --color-5: #f77f65;
}

SCSS

$color-1: #801b3c;
$color-2: #f1c691;
$color-3: #ff0462;
$color-4: #feab8d;
$color-5: #f77f65;

TAILWIND

colors: {
  'brand-1': '#801b3c',
  'brand-2': '#f1c691',
  'brand-3': '#ff0462',
  'brand-4': '#feab8d',
  'brand-5': '#f77f65',
}

RGB Array

[128, 27, 60], [241, 198, 145], [255, 4, 98], [254, 171, 141], [247, 127, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #801B3C, #F1C691, #FF0462, #FEAB8D, #F77F65 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: #801b3c; --color-2: #f1c691; --color-3: #ff0462; --color-4: #feab8d; --color-5: #f77f65. 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