← Back to Editor

#FBAE8B · #E2A386 · #CAA083 · #B79D80 · #4B4F49

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FBAE8B

Apricot · LightSalmon · Peach Orange

HEX
#FBAE8B
RGB
rgb(251, 174, 139)
HSL
hsl(19, 93%, 76%)
HSB
hsb(19, 45%, 98%)
CMYK
cmyk(0%, 31%, 45%, 2%)
Oklch
oklch(81.7% 0.103 45.3)

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

#E2A386

Apricot · DarkSalmon · Warm Sun

HEX
#E2A386
RGB
rgb(226, 163, 134)
HSL
hsl(19, 61%, 71%)
HSB
hsb(19, 41%, 89%)
CMYK
cmyk(0%, 28%, 41%, 11%)
Oklch
oklch(76.9% 0.085 45.7)

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

#CAA083

Apricot · Tan · Warm Sun

HEX
#CAA083
RGB
rgb(202, 160, 131)
HSL
hsl(25, 40%, 65%)
HSB
hsb(25, 35%, 79%)
CMYK
cmyk(0%, 21%, 35%, 21%)
Oklch
oklch(73.7% 0.064 56.1)

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

#B79D80

Ginger · Tan · Warm Sun

HEX
#B79D80
RGB
rgb(183, 157, 128)
HSL
hsl(32, 28%, 61%)
HSB
hsb(32, 30%, 72%)
CMYK
cmyk(0%, 14%, 30%, 28%)
Oklch
oklch(71.2% 0.051 69.9)

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

#4B4F49

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4B4F49
RGB
rgb(75, 79, 73)
HSL
hsl(100, 4%, 30%)
HSB
hsb(100, 8%, 31%)
CMYK
cmyk(5%, 0%, 8%, 69%)
Oklch
oklch(42.2% 0.011 135.0)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBAE8B
89D7FB

Analogous

FB899E
FBAE8B
FBE689

Triadic

FBAE8B
89FBAD
AD89FB

Split-Comp.

FBAE8B
89FBE6
899EFB

Tetradic

FBAE8B
9EFB89
89D7FB
E689FB

Contrast Matrix WCAG 2.1 Contrast

FBAE8B
E2A386
CAA083
B79D80
4B4F49
—
1.2
Fail
1.3
Fail
1.4
Fail
4.6
AA
1.2
Fail
—
1.1
Fail
1.2
Fail
3.9
AA Large
1.3
Fail
1.1
Fail
—
1.1
Fail
3.5
AA Large
1.4
Fail
1.2
Fail
1.1
Fail
—
3.2
AA Large
4.6
AA
3.9
AA Large
3.5
AA Large
3.2
AA Large
—
White BG
1.8Fail
2.1Fail
2.4Fail
2.6Fail
8.4AAA
Black BG
11.5AAA
9.8AAA
8.9AAA
8.1AAA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DAD993
C7C68D
B8B78A
ACAC87
4D4D4A

Deuteranopia

DEE496
CACF8F
BABD8C
ADAF89
4D4C4B

Tritanopia

F79A9C
DF9394
C89091
B68D8E
4B4C4C

Achromatopsia

C1C1C1
B3B3B3
A9A9A9
A1A1A1
4D4D4D

Shades & Tints Shades & Tints

#FBAE8B

Dark
Light

#E2A386

Dark
Light

#CAA083

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbae8b;
  --color-2: #e2a386;
  --color-3: #caa083;
  --color-4: #b79d80;
  --color-5: #4b4f49;
}

SCSS

$color-1: #fbae8b;
$color-2: #e2a386;
$color-3: #caa083;
$color-4: #b79d80;
$color-5: #4b4f49;

TAILWIND

colors: {
  'brand-1': '#fbae8b',
  'brand-2': '#e2a386',
  'brand-3': '#caa083',
  'brand-4': '#b79d80',
  'brand-5': '#4b4f49',
}

RGB Array

[251, 174, 139], [226, 163, 134], [202, 160, 131], [183, 157, 128], [75, 79, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FBAE8B, #E2A386, #CAA083, #B79D80, #4B4F49 is ideal for: 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: #fbae8b; --color-2: #e2a386; --color-3: #caa083; --color-4: #b79d80; --color-5: #4b4f49. 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 warm-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