← Back to Editor

#F0B6A1 · #AB9B95 · #605157 · #99CCB7 · #E0DABF

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

#F0B6A1

Apricot · BurlyWood · Peach Orange

HEX
#F0B6A1
RGB
rgb(240, 182, 161)
HSL
hsl(16, 72%, 79%)
HSB
hsb(16, 33%, 94%)
CMYK
cmyk(0%, 24%, 33%, 6%)
Oklch
oklch(82.4% 0.074 40.8)

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

#AB9B95

Apricot · DarkGray · Warm Sun

HEX
#AB9B95
RGB
rgb(171, 155, 149)
HSL
hsl(16, 12%, 63%)
HSB
hsb(16, 13%, 67%)
CMYK
cmyk(0%, 9%, 13%, 33%)
Oklch
oklch(70.2% 0.021 41.7)

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

#605157

Dark Violet · DimGray · Charcoal

HEX
#605157
RGB
rgb(96, 81, 87)
HSL
hsl(336, 8%, 35%)
HSB
hsb(336, 16%, 38%)
CMYK
cmyk(0%, 16%, 9%, 62%)
Oklch
oklch(45.2% 0.022 351.9)

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

#99CCB7

Jade · DarkGray · Apple Green

HEX
#99CCB7
RGB
rgb(153, 204, 183)
HSL
hsl(155, 33%, 70%)
HSB
hsb(155, 25%, 80%)
CMYK
cmyk(25%, 0%, 10%, 20%)
Oklch
oklch(80.4% 0.061 167.6)

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

#E0DABF

Goose Yellow · Wheat · Lemon Cream

HEX
#E0DABF
RGB
rgb(224, 218, 191)
HSL
hsl(49, 35%, 81%)
HSB
hsb(49, 15%, 88%)
CMYK
cmyk(0%, 3%, 15%, 12%)
Oklch
oklch(88.6% 0.037 96.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0B6A1
A3DBF0

Analogous

F0A3B5
F0B6A1
F0DEA3

Triadic

F0B6A1
A3F0B7
B7A3F0

Split-Comp.

F0B6A1
A3F0DE
A3B5F0

Tetradic

F0B6A1
B5F0A3
A3DBF0
DEA3F0

Contrast Matrix WCAG 2.1 Contrast

F0B6A1
AB9B95
605157
99CCB7
E0DABF
—
1.5
Fail
4.2
AA Large
1.0
Fail
1.3
Fail
1.5
Fail
—
2.8
Fail
1.5
Fail
1.9
Fail
4.2
AA Large
2.8
Fail
—
4.2
AA Large
5.3
AA
1.0
Fail
1.5
Fail
4.2
AA Large
—
1.3
Fail
1.3
Fail
1.9
Fail
5.3
AA
1.3
Fail
—
White BG
1.8Fail
2.7Fail
7.5AAA
1.8Fail
1.4Fail
Black BG
11.9AAA
7.9AAA
2.8Fail
11.7AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D6A6
A4A496
5A5956
AFB0BC
DDDDC6

Deuteranopia

DADFA7
A5A697
5A5B55
ACA8BD
DEDEC7

Tritanopia

EDAAAB
AA9898
5F5454
9CC0C1
E0CBCC

Achromatopsia

C5C5C5
9F9F9F
565656
BABABA
D9D9D9

Shades & Tints Shades & Tints

#F0B6A1

Dark
Light

#AB9B95

Dark
Light

#605157

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0b6a1;
  --color-2: #ab9b95;
  --color-3: #605157;
  --color-4: #99ccb7;
  --color-5: #e0dabf;
}

SCSS

$color-1: #f0b6a1;
$color-2: #ab9b95;
$color-3: #605157;
$color-4: #99ccb7;
$color-5: #e0dabf;

TAILWIND

colors: {
  'brand-1': '#f0b6a1',
  'brand-2': '#ab9b95',
  'brand-3': '#605157',
  'brand-4': '#99ccb7',
  'brand-5': '#e0dabf',
}

RGB Array

[240, 182, 161], [171, 155, 149], [96, 81, 87], [153, 204, 183], [224, 218, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0B6A1, #AB9B95, #605157, #99CCB7, #E0DABF 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: #f0b6a1; --color-2: #ab9b95; --color-3: #605157; --color-4: #99ccb7; --color-5: #e0dabf. 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