← Back to Editor

#FFC7AB · #E3C8AA · #BFBEA3 · #83A89D · #262C3B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FFC7AB

Apricot · Wheat · Peach Orange

HEX
#FFC7AB
RGB
rgb(255, 199, 171)
HSL
hsl(20, 100%, 84%)
HSB
hsb(20, 33%, 100%)
CMYK
cmyk(0%, 22%, 33%, 0%)
Oklch
oklch(87.3% 0.075 47.8)

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

#E3C8AA

Goose Yellow · Wheat · Peach Orange

HEX
#E3C8AA
RGB
rgb(227, 200, 170)
HSL
hsl(32, 50%, 78%)
HSB
hsb(32, 25%, 89%)
CMYK
cmyk(0%, 12%, 25%, 11%)
Oklch
oklch(84.8% 0.051 70.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#BFBEA3

Fresh Green · Silver · Sunflower

HEX
#BFBEA3
RGB
rgb(191, 190, 163)
HSL
hsl(58, 18%, 69%)
HSB
hsb(58, 15%, 75%)
CMYK
cmyk(0%, 1%, 15%, 25%)
Oklch
oklch(79.5% 0.037 105.5)

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

#83A89D

Mineral Blue · DarkSeaGreen · Lake Green

HEX
#83A89D
RGB
rgb(131, 168, 157)
HSL
hsl(162, 18%, 59%)
HSB
hsb(162, 22%, 66%)
CMYK
cmyk(22%, 0%, 7%, 34%)
Oklch
oklch(70.1% 0.043 174.9)

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

#262C3B

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#262C3B
RGB
rgb(38, 44, 59)
HSL
hsl(223, 22%, 19%)
HSB
hsb(223, 36%, 23%)
CMYK
cmyk(36%, 25%, 0%, 77%)
Oklch
oklch(29.4% 0.029 267.7)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC7AB
ADE4FF

Analogous

FFADBB
FFC7AB
FFF1AD

Triadic

FFC7AB
ADFFC9
C9ADFF

Split-Comp.

FFC7AB
ADFFF1
ADBBFF

Tetradic

FFC7AB
BBFFAD
ADE4FF
F1ADFF

Contrast Matrix WCAG 2.1 Contrast

FFC7AB
E3C8AA
BFBEA3
83A89D
262C3B
—
1.1
Fail
1.3
Fail
1.7
Fail
9.3
AAA
1.1
Fail
—
1.2
Fail
1.6
Fail
8.7
AAA
1.3
Fail
1.2
Fail
—
1.4
Fail
7.4
AAA
1.7
Fail
1.6
Fail
1.4
Fail
—
5.3
AA
9.3
AAA
8.7
AAA
7.4
AAA
5.3
AA
—
White BG
1.5Fail
1.6Fail
1.9Fail
2.6Fail
13.9AAA
Black BG
14.0AAA
13.1AAA
11.1AAA
8.1AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E6B2
D7D7B1
BFBFAA
9393A0
292937

Deuteranopia

EAEEB3
D9DBB3
BFBFAB
918EA0
282837

Tritanopia

FCB7B8
E2B7B8
BFAFB0
85A2A2
263534

Achromatopsia

D5D5D5
CDCDCD
BBBBBB
9C9C9C
2C2C2C

Shades & Tints Shades & Tints

#FFC7AB

Dark
Light

#E3C8AA

Dark
Light

#BFBEA3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc7ab;
  --color-2: #e3c8aa;
  --color-3: #bfbea3;
  --color-4: #83a89d;
  --color-5: #262c3b;
}

SCSS

$color-1: #ffc7ab;
$color-2: #e3c8aa;
$color-3: #bfbea3;
$color-4: #83a89d;
$color-5: #262c3b;

TAILWIND

colors: {
  'brand-1': '#ffc7ab',
  'brand-2': '#e3c8aa',
  'brand-3': '#bfbea3',
  'brand-4': '#83a89d',
  'brand-5': '#262c3b',
}

RGB Array

[255, 199, 171], [227, 200, 170], [191, 190, 163], [131, 168, 157], [38, 44, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFC7AB, #E3C8AA, #BFBEA3, #83A89D, #262C3B 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: #ffc7ab; --color-2: #e3c8aa; --color-3: #bfbea3; --color-4: #83a89d; --color-5: #262c3b. 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 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