← Back to Editor

#B35619 · #E6AE65 · #FFE7A3 · #FFFBD6 · #72B3AB

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

#B35619

Tangerine · Sienna · Amber Brown

HEX
#B35619
RGB
rgb(179, 86, 25)
HSL
hsl(24, 75%, 40%)
HSB
hsb(24, 86%, 70%)
CMYK
cmyk(0%, 52%, 86%, 30%)
Oklch
oklch(55.9% 0.139 48.5)

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

#E6AE65

Ginger · SandyBrown · Warm Sun

HEX
#E6AE65
RGB
rgb(230, 174, 101)
HSL
hsl(34, 72%, 65%)
HSB
hsb(34, 56%, 90%)
CMYK
cmyk(0%, 24%, 56%, 10%)
Oklch
oklch(78.8% 0.112 72.3)

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

#FFE7A3

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE7A3
RGB
rgb(255, 231, 163)
HSL
hsl(44, 100%, 82%)
HSB
hsb(44, 36%, 100%)
CMYK
cmyk(0%, 9%, 36%, 0%)
Oklch
oklch(93.2% 0.090 90.9)

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

#FFFBD6

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFBD6
RGB
rgb(255, 251, 214)
HSL
hsl(54, 100%, 92%)
HSB
hsb(54, 16%, 100%)
CMYK
cmyk(0%, 2%, 16%, 0%)
Oklch
oklch(98.2% 0.048 102.2)

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

#72B3AB

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#72B3AB
RGB
rgb(114, 179, 171)
HSL
hsl(173, 30%, 57%)
HSB
hsb(173, 36%, 70%)
CMYK
cmyk(36%, 0%, 4%, 30%)
Oklch
oklch(72.1% 0.068 186.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B35619
1975B3

Analogous

B31929
B35619
B3A319

Triadic

B35619
19B357
5719B3

Split-Comp.

B35619
19B3A3
1929B3

Tetradic

B35619
29B319
1975B3
A319B3

Contrast Matrix WCAG 2.1 Contrast

B35619
E6AE65
FFE7A3
FFFBD6
72B3AB
—
2.5
Fail
4.0
AA Large
4.7
AA
2.1
Fail
2.5
Fail
—
1.6
Fail
1.9
Fail
1.2
Fail
4.0
AA Large
1.6
Fail
—
1.2
Fail
2.0
Fail
4.7
AA
1.9
Fail
1.2
Fail
—
2.3
Fail
2.1
Fail
1.2
Fail
2.0
Fail
2.3
Fail
—
White BG
4.9AA
2.0Fail
1.2Fail
1.0Fail
2.4Fail
Black BG
4.3AA Large
10.6AAA
17.2AAA
20.0AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8A28
CECD77
F5F4B3
FDFDDF
8E8FAD

Deuteranopia

90972B
D1D57B
F6F8B7
FEFEE1
8A86AD

Tritanopia

AE3336
E38588
FEC0C3
FFE6E8
75AEAF

Achromatopsia

6B6B6B
B6B6B6
E6E6E6
F8F8F8
9F9F9F

Shades & Tints Shades & Tints

#B35619

Dark
Light

#E6AE65

Dark
Light

#FFE7A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b35619;
  --color-2: #e6ae65;
  --color-3: #ffe7a3;
  --color-4: #fffbd6;
  --color-5: #72b3ab;
}

SCSS

$color-1: #b35619;
$color-2: #e6ae65;
$color-3: #ffe7a3;
$color-4: #fffbd6;
$color-5: #72b3ab;

TAILWIND

colors: {
  'brand-1': '#b35619',
  'brand-2': '#e6ae65',
  'brand-3': '#ffe7a3',
  'brand-4': '#fffbd6',
  'brand-5': '#72b3ab',
}

RGB Array

[179, 86, 25], [230, 174, 101], [255, 231, 163], [255, 251, 214], [114, 179, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B35619, #E6AE65, #FFE7A3, #FFFBD6, #72B3AB is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #b35619; --color-2: #e6ae65; --color-3: #ffe7a3; --color-4: #fffbd6; --color-5: #72b3ab. 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 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