← Back to Editor

#EBC0AD · #F7AC72 · #FF8427 · #F35D06 · #E91D5A

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 App

Color Details Color Details

#EBC0AD

Apricot · LightPink · Peach Orange

HEX
#EBC0AD
RGB
rgb(235, 192, 173)
HSL
hsl(18, 61%, 80%)
HSB
hsb(18, 26%, 92%)
CMYK
cmyk(0%, 18%, 26%, 8%)
Oklch
oklch(84.1% 0.056 45.1)

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

#F7AC72

Apricot · LightSalmon · Warm Sun

HEX
#F7AC72
RGB
rgb(247, 172, 114)
HSL
hsl(26, 89%, 71%)
HSB
hsb(26, 54%, 97%)
CMYK
cmyk(0%, 30%, 54%, 3%)
Oklch
oklch(80.4% 0.115 57.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FF8427

Tangerine · Coral · Warm Sun

HEX
#FF8427
RGB
rgb(255, 132, 39)
HSL
hsl(26, 100%, 58%)
HSB
hsb(26, 85%, 100%)
CMYK
cmyk(0%, 48%, 85%, 0%)
Oklch
oklch(73.9% 0.177 51.6)

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

#F35D06

Tangerine · OrangeRed · Amber Brown

HEX
#F35D06
RGB
rgb(243, 93, 6)
HSL
hsl(22, 95%, 49%)
HSB
hsb(22, 98%, 95%)
CMYK
cmyk(0%, 62%, 98%, 5%)
Oklch
oklch(66.6% 0.199 41.9)

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

#E91D5A

Dark Violet · Crimson · Rose Pink

HEX
#E91D5A
RGB
rgb(233, 29, 90)
HSL
hsl(342, 82%, 51%)
HSB
hsb(342, 88%, 91%)
CMYK
cmyk(0%, 88%, 61%, 9%)
Oklch
oklch(60.4% 0.229 12.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBC0AD
ADD8EB

Analogous

EBADB9
EBC0AD
EBDFAD

Triadic

EBC0AD
ADEBC0
C0ADEB

Split-Comp.

EBC0AD
ADEBDF
ADB9EB

Tetradic

EBC0AD
B9EBAD
ADD8EB
DFADEB

Contrast Matrix WCAG 2.1 Contrast

EBC0AD
F7AC72
FF8427
F35D06
E91D5A
—
1.1
Fail
1.5
Fail
2.0
Fail
2.6
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
2.6
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
White BG
1.7Fail
1.9Fail
2.4Fail
3.3AA Large
4.4AA Large
Black BG
12.7AAA
11.1AAA
8.6AAA
6.4AA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8B2
D7D680
CAC93E
B2B11B
918F4B

Deuteranopia

DBDEB3
DBE083
D1DA43
BBC620
9DAC48

Tritanopia

E9B5B6
F38B8E
F94F53
EC2C2F
DF403D

Achromatopsia

CBCBCB
BCBCBC
9E9E9E
808080
616161

Shades & Tints Shades & Tints

#EBC0AD

Dark
Light

#F7AC72

Dark
Light

#FF8427

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebc0ad;
  --color-2: #f7ac72;
  --color-3: #ff8427;
  --color-4: #f35d06;
  --color-5: #e91d5a;
}

SCSS

$color-1: #ebc0ad;
$color-2: #f7ac72;
$color-3: #ff8427;
$color-4: #f35d06;
$color-5: #e91d5a;

TAILWIND

colors: {
  'brand-1': '#ebc0ad',
  'brand-2': '#f7ac72',
  'brand-3': '#ff8427',
  'brand-4': '#f35d06',
  'brand-5': '#e91d5a',
}

RGB Array

[235, 192, 173], [247, 172, 114], [255, 132, 39], [243, 93, 6], [233, 29, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBC0AD, #F7AC72, #FF8427, #F35D06, #E91D5A is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #ebc0ad; --color-2: #f7ac72; --color-3: #ff8427; --color-4: #f35d06; --color-5: #e91d5a. 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. 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