#D6DCBE + #C3B896 + #FB8B55 + #F14D4C + #B34A51 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6DCBE

Willow Green · LightGray · Apple Green

HEX

#D6DCBE

RGB

rgb(214, 220, 190)

HSL

hsl(72, 30%, 80%)

HSB

hsb(72, 14%, 86%)

CMYK

cmyk(3%, 0%, 14%, 14%)

Oklch

oklch(88.2% 0.041 116.4)

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

#C3B896

Ginger · Tan · Sunflower

HEX

#C3B896

RGB

rgb(195, 184, 150)

HSL

hsl(45, 27%, 68%)

HSB

hsb(45, 23%, 76%)

CMYK

cmyk(0%, 6%, 23%, 24%)

Oklch

oklch(78.3% 0.048 92.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FB8B55

Apricot · Coral · Warm Sun

HEX

#FB8B55

RGB

rgb(251, 139, 85)

HSL

hsl(20, 95%, 66%)

HSB

hsb(20, 66%, 98%)

CMYK

cmyk(0%, 45%, 66%, 2%)

Oklch

oklch(74.9% 0.153 45.3)

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

#F14D4C

Peach Pink · Tomato · Coral Red

HEX

#F14D4C

RGB

rgb(241, 77, 76)

HSL

hsl(0, 85%, 62%)

HSB

hsb(0, 68%, 95%)

CMYK

cmyk(0%, 68%, 68%, 5%)

Oklch

oklch(65.0% 0.201 25.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B34A51

Crimson · Sienna · Passion Red

HEX

#B34A51

RGB

rgb(179, 74, 81)

HSL

hsl(356, 42%, 50%)

HSB

hsb(356, 59%, 70%)

CMYK

cmyk(0%, 59%, 55%, 30%)

Oklch

oklch(54.9% 0.137 18.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6DCBE

C3BDDB

Analogous

DBD2BD

D6DCBE

C6DBBD

Triadic

D6DCBE

BDD5DB

DBBDD5

Split-Comp.

D6DCBE

BDC6DB

D2BDDB

Tetradic

D6DCBE

BDDBD2

C3BDDB

DBBDC6

Contrast Matrix WCAG 2.1 Contrast

D6DCBE	C3B896	FB8B55	F14D4C	B34A51
—	1.4 Fail	1.7 Fail	2.5 Fail	3.7 AA Large
1.4 Fail	—	1.2 Fail	1.8 Fail	2.6 Fail
1.7 Fail	1.2 Fail	—	1.5 Fail	2.2 Fail
2.5 Fail	1.8 Fail	1.5 Fail	—	1.5 Fail
3.7 AA Large	2.6 Fail	2.2 Fail	1.5 Fail	—

White BG

1.4Fail

2.0Fail

2.4Fail

3.6AA Large

5.2AA

Black BG

14.8AAA

10.6AAA

8.9AAA

5.9AA

4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9C5

BEBE9E

CBC962

AAA94C

86854F

Deuteranopia

D8D8C7

BFC0A0

D1D965

B4C04C

8C944F

Tritanopia

D6CBCC

C2A5A6

F56C6F

E94C4C

AE4E4E

Achromatopsia

D7D7D7

B7B7B7

A6A6A6

7E7E7E

6A6A6A

Shades & Tints Shades & Tints

#D6DCBE

Dark

Light

#C3B896

Dark

Light

#FB8B55

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6dcbe;
  --color-2: #c3b896;
  --color-3: #fb8b55;
  --color-4: #f14d4c;
  --color-5: #b34a51;
}

SCSS

$color-1: #d6dcbe;
$color-2: #c3b896;
$color-3: #fb8b55;
$color-4: #f14d4c;
$color-5: #b34a51;

TAILWIND

colors: {
  'brand-1': '#d6dcbe',
  'brand-2': '#c3b896',
  'brand-3': '#fb8b55',
  'brand-4': '#f14d4c',
  'brand-5': '#b34a51',
}

RGB Array

[214, 220, 190], [195, 184, 150], [251, 139, 85], [241, 77, 76], [179, 74, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6DCBE, #C3B896, #FB8B55, #F14D4C, #B34A51 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: #d6dcbe; --color-2: #c3b896; --color-3: #fb8b55; --color-4: #f14d4c; --color-5: #b34a51. 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