← Back to Editor

#E8682B · #F0D786 · #FF136A · #04CEDC · #B8EEDA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#E8682B

Tangerine · Chocolate · Warm Sun

HEX
#E8682B
RGB
rgb(232, 104, 43)
HSL
hsl(19, 80%, 54%)
HSB
hsb(19, 81%, 91%)
CMYK
cmyk(0%, 55%, 81%, 9%)
Oklch
oklch(66.6% 0.174 43.0)

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

#F0D786

Goose Yellow · Khaki · Sunflower

HEX
#F0D786
RGB
rgb(240, 215, 134)
HSL
hsl(46, 78%, 73%)
HSB
hsb(46, 44%, 94%)
CMYK
cmyk(0%, 10%, 44%, 6%)
Oklch
oklch(88.2% 0.105 92.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#FF136A

Dark Violet · DeepPink · Rose Pink

HEX
#FF136A
RGB
rgb(255, 19, 106)
HSL
hsl(338, 100%, 54%)
HSB
hsb(338, 93%, 100%)
CMYK
cmyk(0%, 93%, 58%, 0%)
Oklch
oklch(64.3% 0.252 9.8)

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

#04CEDC

Lake Blue · DarkTurquoise · Mint Ice

HEX
#04CEDC
RGB
rgb(4, 206, 220)
HSL
hsl(184, 96%, 44%)
HSB
hsb(184, 98%, 86%)
CMYK
cmyk(98%, 6%, 0%, 14%)
Oklch
oklch(77.6% 0.132 203.5)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#B8EEDA

Jade · LightBlue · Mint Green

HEX
#B8EEDA
RGB
rgb(184, 238, 218)
HSL
hsl(158, 61%, 83%)
HSB
hsb(158, 23%, 93%)
CMYK
cmyk(23%, 0%, 8%, 7%)
Oklch
oklch(90.6% 0.062 170.2)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8682B
2CACE8

Analogous

E82C4E
E8682B
E8C52C

Triadic

E8682B
2CE867
672CE8

Split-Comp.

E8682B
2CE8C5
2C4EE8

Tetradic

E8682B
4EE82C
2CACE8
C52CE8

Contrast Matrix WCAG 2.1 Contrast

E8682B
F0D786
FF136A
04CEDC
B8EEDA
—
2.3
Fail
1.2
Fail
1.7
Fail
2.5
Fail
2.3
Fail
—
2.7
Fail
1.4
Fail
1.1
Fail
1.2
Fail
2.7
Fail
—
2.0
Fail
2.9
Fail
1.7
Fail
1.4
Fail
2.0
Fail
—
1.5
Fail
2.5
Fail
1.1
Fail
2.9
Fail
1.5
Fail
—
White BG
3.3AA Large
1.4Fail
3.8AA Large
1.9Fail
1.3Fail
Black BG
6.4AA
14.8AAA
5.6AA
10.9AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1AF3A
E5E59A
999755
5B5DD9
CFD0DF

Deuteranopia

B8C23D
E7E99E
A7B850
5041D8
CCC8E0

Tritanopia

E24548
EFA9AC
F34441
0ED6D5
BBE3E4

Achromatopsia

878787
D5D5D5
636363
939393
DCDCDC

Shades & Tints Shades & Tints

#E8682B

Dark
Light

#F0D786

Dark
Light

#FF136A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8682b;
  --color-2: #f0d786;
  --color-3: #ff136a;
  --color-4: #04cedc;
  --color-5: #b8eeda;
}

SCSS

$color-1: #e8682b;
$color-2: #f0d786;
$color-3: #ff136a;
$color-4: #04cedc;
$color-5: #b8eeda;

TAILWIND

colors: {
  'brand-1': '#e8682b',
  'brand-2': '#f0d786',
  'brand-3': '#ff136a',
  'brand-4': '#04cedc',
  'brand-5': '#b8eeda',
}

RGB Array

[232, 104, 43], [240, 215, 134], [255, 19, 106], [4, 206, 220], [184, 238, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8682B, #F0D786, #FF136A, #04CEDC, #B8EEDA 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: #e8682b; --color-2: #f0d786; --color-3: #ff136a; --color-4: #04cedc; --color-5: #b8eeda. 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