← Back to Editor

#FBC9B8 · #E6D4C0 · #C6DECD · #A2E8CC · #4A5159

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FBC9B8

Apricot · Pink · Peach Orange

HEX
#FBC9B8
RGB
rgb(251, 201, 184)
HSL
hsl(15, 89%, 85%)
HSB
hsb(15, 27%, 98%)
CMYK
cmyk(0%, 20%, 27%, 2%)
Oklch
oklch(87.5% 0.062 39.6)

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

#E6D4C0

Goose Yellow · Wheat · Peach Orange

HEX
#E6D4C0
RGB
rgb(230, 212, 192)
HSL
hsl(32, 43%, 83%)
HSB
hsb(32, 17%, 90%)
CMYK
cmyk(0%, 8%, 17%, 10%)
Oklch
oklch(87.9% 0.034 70.3)

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

#C6DECD

Celadon · LightGray · Mint Green

HEX
#C6DECD
RGB
rgb(198, 222, 205)
HSL
hsl(138, 27%, 82%)
HSB
hsb(138, 11%, 87%)
CMYK
cmyk(11%, 0%, 8%, 13%)
Oklch
oklch(87.8% 0.034 154.8)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#A2E8CC

Jade · LightBlue · Apple Green

HEX
#A2E8CC
RGB
rgb(162, 232, 204)
HSL
hsl(156, 60%, 77%)
HSB
hsb(156, 30%, 91%)
CMYK
cmyk(30%, 0%, 12%, 9%)
Oklch
oklch(87.7% 0.080 167.7)

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

#4A5159

Indigo · DarkSlateGray · Charcoal

HEX
#4A5159
RGB
rgb(74, 81, 89)
HSL
hsl(212, 9%, 32%)
HSB
hsb(212, 17%, 35%)
CMYK
cmyk(17%, 9%, 0%, 65%)
Oklch
oklch(43.2% 0.016 251.7)

Traditional「Indigo」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBC9B8
B7EAFB

Analogous

FBB7C8
FBC9B8
FBEAB7

Triadic

FBC9B8
B7FBC8
C8B7FB

Split-Comp.

FBC9B8
B7FBEA
B7C8FB

Tetradic

FBC9B8
C8FBB7
B7EAFB
EAB7FB

Contrast Matrix WCAG 2.1 Contrast

FBC9B8
E6D4C0
C6DECD
A2E8CC
4A5159
—
1.0
Fail
1.0
Fail
1.1
Fail
5.4
AA
1.0
Fail
—
1.0
Fail
1.0
Fail
5.6
AA
1.0
Fail
1.0
Fail
—
1.0
Fail
5.6
AA
1.1
Fail
1.0
Fail
1.0
Fail
—
5.7
AA
5.4
AA
5.6
AA
5.6
AA
5.7
AA
—
White BG
1.5Fail
1.4Fail
1.4Fail
1.4Fail
8.0AAA
Black BG
14.1AAA
14.5AAA
14.7AAA
15.0AAA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5BC
DEDEC5
D0D1D1
C0C1D3
4D4D57

Deuteranopia

E8ECBD
DFE1C6
CFCDD2
BCB7D4
4D4C57

Tritanopia

F9BFC0
E5C9CA
C7D4D5
A6D8D9
4A5655

Achromatopsia

D6D6D6
D7D7D7
D5D5D5
D0D0D0
505050

Shades & Tints Shades & Tints

#FBC9B8

Dark
Light

#E6D4C0

Dark
Light

#C6DECD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbc9b8;
  --color-2: #e6d4c0;
  --color-3: #c6decd;
  --color-4: #a2e8cc;
  --color-5: #4a5159;
}

SCSS

$color-1: #fbc9b8;
$color-2: #e6d4c0;
$color-3: #c6decd;
$color-4: #a2e8cc;
$color-5: #4a5159;

TAILWIND

colors: {
  'brand-1': '#fbc9b8',
  'brand-2': '#e6d4c0',
  'brand-3': '#c6decd',
  'brand-4': '#a2e8cc',
  'brand-5': '#4a5159',
}

RGB Array

[251, 201, 184], [230, 212, 192], [198, 222, 205], [162, 232, 204], [74, 81, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBC9B8, #E6D4C0, #C6DECD, #A2E8CC, #4A5159 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: #fbc9b8; --color-2: #e6d4c0; --color-3: #c6decd; --color-4: #a2e8cc; --color-5: #4a5159. 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