← Back to Editor

#F6E5D7 · #FB662D · #E10B16 · #9F0C68 · #DBD5D2

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

#F6E5D7

Apricot · Beige · Peach Orange

HEX
#F6E5D7
RGB
rgb(246, 229, 215)
HSL
hsl(27, 63%, 90%)
HSB
hsb(27, 13%, 96%)
CMYK
cmyk(0%, 7%, 13%, 4%)
Oklch
oklch(93.2% 0.026 62.0)

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

#FB662D

Tangerine · Tomato · Warm Sun

HEX
#FB662D
RGB
rgb(251, 102, 45)
HSL
hsl(17, 96%, 58%)
HSB
hsb(17, 82%, 98%)
CMYK
cmyk(0%, 59%, 82%, 2%)
Oklch
oklch(69.1% 0.195 39.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E10B16

Vermilion · Red · Passion Red

HEX
#E10B16
RGB
rgb(225, 11, 22)
HSL
hsl(357, 91%, 46%)
HSB
hsb(357, 95%, 88%)
CMYK
cmyk(0%, 95%, 90%, 12%)
Oklch
oklch(57.4% 0.231 27.8)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#9F0C68

Rose Purple · Purple · Camellia

HEX
#9F0C68
RGB
rgb(159, 12, 104)
HSL
hsl(322, 86%, 34%)
HSB
hsb(322, 92%, 62%)
CMYK
cmyk(0%, 92%, 35%, 38%)
Oklch
oklch(46.7% 0.188 350.2)

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

#DBD5D2

Apricot · LightGray · Peach Orange

HEX
#DBD5D2
RGB
rgb(219, 213, 210)
HSL
hsl(20, 11%, 84%)
HSB
hsb(20, 4%, 86%)
CMYK
cmyk(0%, 3%, 4%, 14%)
Oklch
oklch(87.7% 0.008 48.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6E5D7
D5E7F6

Analogous

F6D5D7
F6E5D7
F6F4D5

Triadic

F6E5D7
D5F6E4
E4D5F6

Split-Comp.

F6E5D7
D5F6F4
D5D7F6

Tetradic

F6E5D7
D7F6D5
D5E7F6
F4D5F6

Contrast Matrix WCAG 2.1 Contrast

F6E5D7
FB662D
E10B16
9F0C68
DBD5D2
—
2.4
Fail
4.0
AA Large
6.3
AA
1.2
Fail
2.4
Fail
—
1.7
Fail
2.6
Fail
2.1
Fail
4.0
AA Large
1.7
Fail
—
1.6
Fail
3.4
AA Large
6.3
AA
2.6
Fail
1.6
Fail
—
5.3
AA
1.2
Fail
2.1
Fail
3.4
AA Large
5.3
AA
—
White BG
1.2Fail
3.0Fail
4.9AA
7.7AAA
1.5Fail
Black BG
17.1AAA
7.0AAA
4.3AA Large
2.7Fail
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEEDA
BAB93B
848213
5F5E52
D8D8D3

Deuteranopia

F0F1DB
C3CE3E
91A113
68734C
D9D9D3

Tritanopia

F5DDDE
F44648
D61111
98403C
DBD3D3

Achromatopsia

E8E8E8
8C8C8C
4C4C4C
424242
D6D6D6

Shades & Tints Shades & Tints

#F6E5D7

Dark
Light

#FB662D

Dark
Light

#E10B16

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6e5d7;
  --color-2: #fb662d;
  --color-3: #e10b16;
  --color-4: #9f0c68;
  --color-5: #dbd5d2;
}

SCSS

$color-1: #f6e5d7;
$color-2: #fb662d;
$color-3: #e10b16;
$color-4: #9f0c68;
$color-5: #dbd5d2;

TAILWIND

colors: {
  'brand-1': '#f6e5d7',
  'brand-2': '#fb662d',
  'brand-3': '#e10b16',
  'brand-4': '#9f0c68',
  'brand-5': '#dbd5d2',
}

RGB Array

[246, 229, 215], [251, 102, 45], [225, 11, 22], [159, 12, 104], [219, 213, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #F6E5D7, #FB662D, #E10B16, #9F0C68, #DBD5D2 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: #f6e5d7; --color-2: #fb662d; --color-3: #e10b16; --color-4: #9f0c68; --color-5: #dbd5d2. 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