#B9624F + #CB9B6D + #C0C29A + #BBE3C0 + #DCE7C3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B9624F

Crimson · Sienna · Passion Red

HEX

#B9624F

RGB

rgb(185, 98, 79)

HSL

hsl(11, 43%, 52%)

HSB

hsb(11, 57%, 73%)

CMYK

cmyk(0%, 47%, 57%, 27%)

Oklch

oklch(59.4% 0.116 33.5)

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

#CB9B6D

Apricot · DarkSalmon · Warm Sun

HEX

#CB9B6D

RGB

rgb(203, 155, 109)

HSL

hsl(29, 47%, 61%)

HSB

hsb(29, 46%, 80%)

CMYK

cmyk(0%, 24%, 46%, 20%)

Oklch

oklch(72.4% 0.084 64.6)

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

#C0C29A

Fresh Green · Tan · Sunflower

HEX

#C0C29A

RGB

rgb(192, 194, 154)

HSL

hsl(63, 25%, 68%)

HSB

hsb(63, 21%, 76%)

CMYK

cmyk(1%, 0%, 21%, 24%)

Oklch

oklch(80.2% 0.054 109.9)

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

#BBE3C0

Celadon · LightGray · Mint Green

HEX

#BBE3C0

RGB

rgb(187, 227, 192)

HSL

hsl(128, 42%, 81%)

HSB

hsb(128, 18%, 89%)

CMYK

cmyk(18%, 0%, 15%, 11%)

Oklch

oklch(87.8% 0.063 148.5)

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

#DCE7C3

Willow Green · LightGray · Mint Green

HEX

#DCE7C3

RGB

rgb(220, 231, 195)

HSL

hsl(78, 43%, 84%)

HSB

hsb(78, 16%, 91%)

CMYK

cmyk(5%, 0%, 16%, 9%)

Oklch

oklch(91.0% 0.049 121.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B9624F

50A6B9

Analogous

B95071

B9624F

B99850

Triadic

B9624F

50B963

6350B9

Split-Comp.

B9624F

50B998

5071B9

Tetradic

B9624F

71B950

50A6B9

9850B9

Contrast Matrix WCAG 2.1 Contrast

B9624F	CB9B6D	C0C29A	BBE3C0	DCE7C3
—	1.7 Fail	2.3 Fail	3.0 AA Large	3.3 AA Large
1.7 Fail	—	1.4 Fail	1.8 Fail	1.9 Fail
2.3 Fail	1.4 Fail	—	1.3 Fail	1.4 Fail
3.0 AA Large	1.8 Fail	1.3 Fail	—	1.1 Fail
3.3 AA Large	1.9 Fail	1.4 Fail	1.1 Fail	—

White BG

4.3AA Large

2.5Fail

1.8Fail

1.4Fail

1.3Fail

Black BG

4.9AA

8.4AAA

11.4AAA

14.9AAA

16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

939354

B6B678

C1C1A4

CCCDC8

E1E1CC

Deuteranopia

989F55

B9BD7B

C1C1A6

CAC7CA

E0DFCE

Tritanopia

B55758

C98183

C0ABAD

BDCFD1

DDD3D4

Achromatopsia

7A7A7A

A4A4A4

BDBDBD

D3D3D3

E0E0E0

Shades & Tints Shades & Tints

#B9624F

Dark

Light

#CB9B6D

Dark

Light

#C0C29A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b9624f;
  --color-2: #cb9b6d;
  --color-3: #c0c29a;
  --color-4: #bbe3c0;
  --color-5: #dce7c3;
}

SCSS

$color-1: #b9624f;
$color-2: #cb9b6d;
$color-3: #c0c29a;
$color-4: #bbe3c0;
$color-5: #dce7c3;

TAILWIND

colors: {
  'brand-1': '#b9624f',
  'brand-2': '#cb9b6d',
  'brand-3': '#c0c29a',
  'brand-4': '#bbe3c0',
  'brand-5': '#dce7c3',
}

RGB Array

[185, 98, 79], [203, 155, 109], [192, 194, 154], [187, 227, 192], [220, 231, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B9624F, #CB9B6D, #C0C29A, #BBE3C0, #DCE7C3 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: #b9624f; --color-2: #cb9b6d; --color-3: #c0c29a; --color-4: #bbe3c0; --color-5: #dce7c3. 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