#BD4B5E + #C96969 + #F8E6BA + #F5EFE1 + #E1F4F0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BD4B5E

Crimson · Sienna · Passion Red

HEX

#BD4B5E

RGB

rgb(189, 75, 94)

HSL

hsl(350, 46%, 52%)

HSB

hsb(350, 60%, 74%)

CMYK

cmyk(0%, 60%, 50%, 26%)

Oklch

oklch(56.9% 0.147 13.0)

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

#C96969

Crimson · LightCoral · Passion Red

HEX

#C96969

RGB

rgb(201, 105, 105)

HSL

hsl(0, 47%, 60%)

HSB

hsb(0, 48%, 79%)

CMYK

cmyk(0%, 48%, 48%, 21%)

Oklch

oklch(63.2% 0.122 21.1)

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

#F8E6BA

Goose Yellow · Wheat · Lemon Cream

HEX

#F8E6BA

RGB

rgb(248, 230, 186)

HSL

hsl(43, 82%, 85%)

HSB

hsb(43, 25%, 97%)

CMYK

cmyk(0%, 7%, 25%, 3%)

Oklch

oklch(92.9% 0.060 88.4)

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

#F5EFE1

Goose Yellow · Linen · Lemon Cream

HEX

#F5EFE1

RGB

rgb(245, 239, 225)

HSL

hsl(42, 50%, 92%)

HSB

hsb(42, 8%, 96%)

CMYK

cmyk(0%, 2%, 8%, 4%)

Oklch

oklch(95.3% 0.020 87.5)

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

#E1F4F0

Jade · Lavender · Glacier Blue

HEX

#E1F4F0

RGB

rgb(225, 244, 240)

HSL

hsl(167, 46%, 92%)

HSB

hsb(167, 8%, 96%)

CMYK

cmyk(8%, 0%, 2%, 4%)

Oklch

oklch(95.2% 0.021 181.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD4B5E

4CBDAA

Analogous

BD4C97

BD4B5E

BD724C

Triadic

BD4B5E

5FBD4C

4C5FBD

Split-Comp.

BD4B5E

4CBD72

4C97BD

Tetradic

BD4B5E

97BD4C

4CBDAA

724CBD

Contrast Matrix WCAG 2.1 Contrast

BD4B5E	C96969	F8E6BA	F5EFE1	E1F4F0
—	1.3 Fail	3.9 AA Large	4.2 AA Large	4.2 AA Large
1.3 Fail	—	3.0 Fail	3.2 AA Large	3.2 AA Large
3.9 AA Large	3.0 Fail	—	1.1 Fail	1.1 Fail
4.2 AA Large	3.2 AA Large	1.1 Fail	—	1.0 Fail
4.2 AA Large	3.2 AA Large	1.1 Fail	1.0 Fail	—

White BG

4.8AA

3.7AA Large

1.2Fail

1.1Fail

Black BG

4.3AA Large

5.7AA

17.0AAA

18.3AAA

18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8B59

9F9F69

F0F0C5

F2F2E4

E9E9F1

Deuteranopia

929B58

A5AC69

F1F3C7

F3F3E5

E8E7F1

Tritanopia

B75655

C46969

F7CDCF

F5E7E8

E2F2F2

Achromatopsia

6F6F6F

868686

E6E6E6

EFEFEF

EEEEEE

Shades & Tints Shades & Tints

#BD4B5E

Dark

Light

#C96969

Dark

Light

#F8E6BA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd4b5e;
  --color-2: #c96969;
  --color-3: #f8e6ba;
  --color-4: #f5efe1;
  --color-5: #e1f4f0;
}

SCSS

$color-1: #bd4b5e;
$color-2: #c96969;
$color-3: #f8e6ba;
$color-4: #f5efe1;
$color-5: #e1f4f0;

TAILWIND

colors: {
  'brand-1': '#bd4b5e',
  'brand-2': '#c96969',
  'brand-3': '#f8e6ba',
  'brand-4': '#f5efe1',
  'brand-5': '#e1f4f0',
}

RGB Array

[189, 75, 94], [201, 105, 105], [248, 230, 186], [245, 239, 225], [225, 244, 240]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BD4B5E, #C96969, #F8E6BA, #F5EFE1, #E1F4F0 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: #bd4b5e; --color-2: #c96969; --color-3: #f8e6ba; --color-4: #f5efe1; --color-5: #e1f4f0. 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