#B93540 + #A8988B + #9DCBA7 + #B5E6A4 + #E6E29B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B93540

Crimson · Brown · Passion Red

HEX

#B93540

RGB

rgb(185, 53, 64)

HSL

hsl(355, 55%, 47%)

HSB

hsb(355, 71%, 73%)

CMYK

cmyk(0%, 71%, 65%, 27%)

Oklch

oklch(53.0% 0.168 20.6)

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

#A8988B

Tangerine · DarkGray · Warm Sun

HEX

#A8988B

RGB

rgb(168, 152, 139)

HSL

hsl(27, 14%, 60%)

HSB

hsb(27, 17%, 66%)

CMYK

cmyk(0%, 10%, 17%, 34%)

Oklch

oklch(69.0% 0.027 61.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#9DCBA7

Celadon · DarkSeaGreen · Apple Green

HEX

#9DCBA7

RGB

rgb(157, 203, 167)

HSL

hsl(133, 31%, 71%)

HSB

hsb(133, 23%, 80%)

CMYK

cmyk(23%, 0%, 18%, 20%)

Oklch

oklch(80.0% 0.070 151.2)

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

#B5E6A4

Emerald · LightGreen · Apple Green

HEX

#B5E6A4

RGB

rgb(181, 230, 164)

HSL

hsl(105, 57%, 77%)

HSB

hsb(105, 29%, 90%)

CMYK

cmyk(21%, 0%, 29%, 10%)

Oklch

oklch(87.4% 0.102 137.8)

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

#E6E29B

Fresh Green · Khaki · Sunflower

HEX

#E6E29B

RGB

rgb(230, 226, 155)

HSL

hsl(57, 60%, 75%)

HSB

hsb(57, 33%, 90%)

CMYK

cmyk(0%, 2%, 33%, 10%)

Oklch

oklch(90.0% 0.091 105.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B93540

36BAAF

Analogous

BA3683

B93540

BA6D36

Triadic

B93540

41BA36

3641BA

Split-Comp.

B93540

36BA6D

3683BA

Tetradic

B93540

83BA36

36BAAF

6D36BA

Contrast Matrix WCAG 2.1 Contrast

B93540	A8988B	9DCBA7	B5E6A4	E6E29B
—	2.1 Fail	3.2 AA Large	4.1 AA Large	4.3 AA Large
2.1 Fail	—	1.5 Fail	2.0 Fail	2.1 Fail
3.2 AA Large	1.5 Fail	—	1.3 Fail	1.4 Fail
4.1 AA Large	2.0 Fail	1.3 Fail	—	1.1 Fail
4.3 AA Large	2.1 Fail	1.4 Fail	1.1 Fail	—

White BG

5.8AA

2.8Fail

1.8Fail

1.4Fail

1.3Fail

Black BG

3.6AA Large

7.5AAA

11.5AAA

14.8AAA

15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

807F3D

A1A18E

B1B1B0

CACBB4

E4E4AC

Deuteranopia

88913D

A2A38F

AEABB2

C7C4B8

E5E5B0

Tritanopia

B23B3B

A79191

9FB7B8

B7C1C3

E6BABD

Achromatopsia

5E5E5E

9B9B9B

B9B9B9

D0D0D0

DBDBDB

Shades & Tints Shades & Tints

#B93540

Dark

Light

#A8988B

Dark

Light

#9DCBA7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b93540;
  --color-2: #a8988b;
  --color-3: #9dcba7;
  --color-4: #b5e6a4;
  --color-5: #e6e29b;
}

SCSS

$color-1: #b93540;
$color-2: #a8988b;
$color-3: #9dcba7;
$color-4: #b5e6a4;
$color-5: #e6e29b;

TAILWIND

colors: {
  'brand-1': '#b93540',
  'brand-2': '#a8988b',
  'brand-3': '#9dcba7',
  'brand-4': '#b5e6a4',
  'brand-5': '#e6e29b',
}

RGB Array

[185, 53, 64], [168, 152, 139], [157, 203, 167], [181, 230, 164], [230, 226, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B93540, #A8988B, #9DCBA7, #B5E6A4, #E6E29B 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: #b93540; --color-2: #a8988b; --color-3: #9dcba7; --color-4: #b5e6a4; --color-5: #e6e29b. 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