← Back to Editor

#9BE8CB · #E7EB86 · #E86464 · #944328 · #2B120A

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 AppData Visualization

Color Details Color Details

#9BE8CB

Jade · LightBlue · Apple Green

HEX
#9BE8CB
RGB
rgb(155, 232, 203)
HSL
hsl(157, 63%, 76%)
HSB
hsb(157, 33%, 91%)
CMYK
cmyk(33%, 0%, 13%, 9%)
Oklch
oklch(87.3% 0.086 168.7)

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

#E7EB86

Fresh Green · Khaki · Sunflower

HEX
#E7EB86
RGB
rgb(231, 235, 134)
HSL
hsl(62, 72%, 72%)
HSB
hsb(62, 43%, 92%)
CMYK
cmyk(2%, 0%, 43%, 8%)
Oklch
oklch(91.6% 0.124 110.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E86464

Peach Pink · Salmon · Coral Red

HEX
#E86464
RGB
rgb(232, 100, 100)
HSL
hsl(0, 74%, 65%)
HSB
hsb(0, 57%, 91%)
CMYK
cmyk(0%, 57%, 57%, 9%)
Oklch
oklch(66.8% 0.165 22.6)

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

#944328

Tangerine · Sienna · Amber Brown

HEX
#944328
RGB
rgb(148, 67, 40)
HSL
hsl(15, 57%, 37%)
HSB
hsb(15, 73%, 58%)
CMYK
cmyk(0%, 55%, 73%, 42%)
Oklch
oklch(48.3% 0.117 38.7)

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

#2B120A

Tangerine · Black · Cinnamon

HEX
#2B120A
RGB
rgb(43, 18, 10)
HSL
hsl(15, 62%, 10%)
HSB
hsb(15, 77%, 17%)
CMYK
cmyk(0%, 58%, 77%, 83%)
Oklch
oklch(21.8% 0.044 38.4)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9BE8CB
E89BB9

Analogous

9BE8A4
9BE8CB
9BDFE8

Triadic

9BE8CB
CB9BE8
E8CB9B

Split-Comp.

9BE8CB
E89BDF
E8A49B

Tetradic

9BE8CB
A49BE8
E89BB9
DFE89B

Contrast Matrix WCAG 2.1 Contrast

9BE8CB
E7EB86
E86464
944328
2B120A
—
1.1
Fail
2.3
Fail
4.8
AA
12.4
AAA
1.1
Fail
—
2.6
Fail
5.4
AA
13.9
AAA
2.3
Fail
2.6
Fail
—
2.1
Fail
5.4
AA
4.8
AA
5.4
AA
2.1
Fail
—
2.6
Fail
12.4
AAA
13.9
AAA
5.4
AA
2.6
Fail
—
White BG
1.4Fail
1.3Fail
3.3AA Large
6.8AA
17.6AAA
Black BG
14.8AAA
16.6AAA
6.4AA
3.1AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBDD2
E9E99E
AFAE64
71702F
20200C

Deuteranopia

B8B2D4
E9E8A4
B7C064
767C30
22240C

Tritanopia

9FD8D9
E7B2B6
E16464
903435
2A0D0E

Achromatopsia

CECECE
DEDEDE
8B8B8B
585858
191919

Shades & Tints Shades & Tints

#9BE8CB

Dark
Light

#E7EB86

Dark
Light

#E86464

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9be8cb;
  --color-2: #e7eb86;
  --color-3: #e86464;
  --color-4: #944328;
  --color-5: #2b120a;
}

SCSS

$color-1: #9be8cb;
$color-2: #e7eb86;
$color-3: #e86464;
$color-4: #944328;
$color-5: #2b120a;

TAILWIND

colors: {
  'brand-1': '#9be8cb',
  'brand-2': '#e7eb86',
  'brand-3': '#e86464',
  'brand-4': '#944328',
  'brand-5': '#2b120a',
}

RGB Array

[155, 232, 203], [231, 235, 134], [232, 100, 100], [148, 67, 40], [43, 18, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9BE8CB, #E7EB86, #E86464, #944328, #2B120A 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: #9be8cb; --color-2: #e7eb86; --color-3: #e86464; --color-4: #944328; --color-5: #2b120a. 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 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