← Back to Editor

#736356 · #BE7E70 · #EBBEBD · #E9DDDD · #EE7296

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#736356

Tangerine · DimGray · Amber Brown

HEX
#736356
RGB
rgb(115, 99, 86)
HSL
hsl(27, 14%, 39%)
HSB
hsb(27, 25%, 45%)
CMYK
cmyk(0%, 14%, 25%, 55%)
Oklch
oklch(51.1% 0.029 61.2)

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

#BE7E70

Crimson · DarkSalmon · Passion Red

HEX
#BE7E70
RGB
rgb(190, 126, 112)
HSL
hsl(11, 38%, 59%)
HSB
hsb(11, 41%, 75%)
CMYK
cmyk(0%, 34%, 41%, 25%)
Oklch
oklch(65.5% 0.083 32.9)

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

#EBBEBD

Peach Pink · LightPink · Cherry Blossom

HEX
#EBBEBD
RGB
rgb(235, 190, 189)
HSL
hsl(1, 53%, 83%)
HSB
hsb(1, 20%, 92%)
CMYK
cmyk(0%, 19%, 20%, 8%)
Oklch
oklch(84.1% 0.052 19.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E9DDDD

Peach Pink · LightGray · Cherry Blossom

HEX
#E9DDDD
RGB
rgb(233, 221, 221)
HSL
hsl(0, 21%, 89%)
HSB
hsb(0, 5%, 91%)
CMYK
cmyk(0%, 5%, 5%, 9%)
Oklch
oklch(90.7% 0.013 17.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#EE7296

Rouge · LightCoral · Rose Pink

HEX
#EE7296
RGB
rgb(238, 114, 150)
HSL
hsl(343, 78%, 69%)
HSB
hsb(343, 52%, 93%)
CMYK
cmyk(0%, 52%, 37%, 7%)
Oklch
oklch(70.7% 0.156 3.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

736356
566571

Analogous

715657
736356
717056

Triadic

736356
567162
625671

Split-Comp.

736356
567170
565771

Tetradic

736356
577156
566571
705671

Contrast Matrix WCAG 2.1 Contrast

736356
BE7E70
EBBEBD
E9DDDD
EE7296
—
1.8
Fail
3.5
AA Large
4.3
AA Large
2.1
Fail
1.8
Fail
—
2.0
Fail
2.5
Fail
1.2
Fail
3.5
AA Large
2.0
Fail
—
1.3
Fail
1.7
Fail
4.3
AA Large
2.5
Fail
1.3
Fail
—
2.1
Fail
2.1
Fail
1.2
Fail
1.7
Fail
2.1
Fail
—
White BG
5.8AA
3.3AA Large
1.7Fail
1.3Fail
2.8Fail
Black BG
3.6AA Large
6.4AA
12.6AAA
15.9AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C59
A2A273
D8D7BD
E4E4DD
B8B78D

Deuteranopia

6D6E5A
A6AB74
DADEBD
E5E5DD
C0C98B

Tritanopia

725C5C
BB7677
E9BDBD
E8DDDD
E88685

Achromatopsia

666666
909090
CBCBCB
E1E1E1
9B9B9B

Shades & Tints Shades & Tints

#736356

Dark
Light

#BE7E70

Dark
Light

#EBBEBD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #736356;
  --color-2: #be7e70;
  --color-3: #ebbebd;
  --color-4: #e9dddd;
  --color-5: #ee7296;
}

SCSS

$color-1: #736356;
$color-2: #be7e70;
$color-3: #ebbebd;
$color-4: #e9dddd;
$color-5: #ee7296;

TAILWIND

colors: {
  'brand-1': '#736356',
  'brand-2': '#be7e70',
  'brand-3': '#ebbebd',
  'brand-4': '#e9dddd',
  'brand-5': '#ee7296',
}

RGB Array

[115, 99, 86], [190, 126, 112], [235, 190, 189], [233, 221, 221], [238, 114, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #736356, #BE7E70, #EBBEBD, #E9DDDD, #EE7296 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #736356; --color-2: #be7e70; --color-3: #ebbebd; --color-4: #e9dddd; --color-5: #ee7296. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 tech, SaaS, healthcare, eco industries. 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