← Back to Editor

#B0C9AA · #C0B2A6 · #D09BA1 · #DF859D · #EF6E98

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B0C9AA

Celadon · Silver · Apple Green

HEX
#B0C9AA
RGB
rgb(176, 201, 170)
HSL
hsl(108, 22%, 73%)
HSB
hsb(108, 15%, 79%)
CMYK
cmyk(12%, 0%, 15%, 21%)
Oklch
oklch(80.9% 0.051 139.6)

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

#C0B2A6

Apricot · DarkGray · Warm Sun

HEX
#C0B2A6
RGB
rgb(192, 178, 166)
HSL
hsl(28, 17%, 70%)
HSB
hsb(28, 14%, 75%)
CMYK
cmyk(0%, 7%, 14%, 25%)
Oklch
oklch(77.2% 0.023 63.1)

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

#D09BA1

Peach Pink · Tan · Coral Red

HEX
#D09BA1
RGB
rgb(208, 155, 161)
HSL
hsl(353, 36%, 71%)
HSB
hsb(353, 25%, 82%)
CMYK
cmyk(0%, 25%, 23%, 18%)
Oklch
oklch(74.1% 0.064 11.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DF859D

Rouge · LightCoral · Rose Pink

HEX
#DF859D
RGB
rgb(223, 133, 157)
HSL
hsl(344, 58%, 70%)
HSB
hsb(344, 40%, 87%)
CMYK
cmyk(0%, 40%, 30%, 13%)
Oklch
oklch(71.9% 0.113 3.1)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#EF6E98

Rouge · LightCoral · Rose Pink

HEX
#EF6E98
RGB
rgb(239, 110, 152)
HSL
hsl(340, 80%, 68%)
HSB
hsb(340, 54%, 94%)
CMYK
cmyk(0%, 54%, 36%, 6%)
Oklch
oklch(70.4% 0.164 1.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0C9AA
C3ABC9

Analogous

C0C9AB
B0C9AA
ABC9B4

Triadic

B0C9AA
ABB1C9
C9ABB1

Split-Comp.

B0C9AA
B4ABC9
C9ABC0

Tetradic

B0C9AA
ABC0C9
C3ABC9
C9B4AB

Contrast Matrix WCAG 2.1 Contrast

B0C9AA
C0B2A6
D09BA1
DF859D
EF6E98
—
1.2
Fail
1.3
Fail
1.5
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.6
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
White BG
1.8Fail
2.1Fail
2.4Fail
2.6Fail
2.9Fail
Black BG
11.8AAA
10.2AAA
8.9AAA
8.0AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBBB2
BABAA9
B9B9A0
B8B797
B7B68E

Deuteranopia

B9B8B3
BBBCAA
BCC09F
BDC496
BFC88B

Tritanopia

B1B7B9
BFABAC
CD9E9E
DB9392
E98684

Achromatopsia

BEBEBE
B5B5B5
ACACAC
A3A3A3
999999

Shades & Tints Shades & Tints

#B0C9AA

Dark
Light

#C0B2A6

Dark
Light

#D09BA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0c9aa;
  --color-2: #c0b2a6;
  --color-3: #d09ba1;
  --color-4: #df859d;
  --color-5: #ef6e98;
}

SCSS

$color-1: #b0c9aa;
$color-2: #c0b2a6;
$color-3: #d09ba1;
$color-4: #df859d;
$color-5: #ef6e98;

TAILWIND

colors: {
  'brand-1': '#b0c9aa',
  'brand-2': '#c0b2a6',
  'brand-3': '#d09ba1',
  'brand-4': '#df859d',
  'brand-5': '#ef6e98',
}

RGB Array

[176, 201, 170], [192, 178, 166], [208, 155, 161], [223, 133, 157], [239, 110, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0C9AA, #C0B2A6, #D09BA1, #DF859D, #EF6E98 is ideal for: health products, baby brands, fresh-style blogs. 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: #b0c9aa; --color-2: #c0b2a6; --color-3: #d09ba1; --color-4: #df859d; --color-5: #ef6e98. 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. 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