#B1BD95 + #40B6B9 + #8AC8B3 + #EF3500 + #ADB010 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B1BD95

Willow Green · DarkGray · Apple Green

HEX

#B1BD95

RGB

rgb(177, 189, 149)

HSL

hsl(78, 23%, 66%)

HSB

hsb(78, 21%, 74%)

CMYK

cmyk(6%, 0%, 21%, 26%)

Oklch

oklch(77.8% 0.056 121.3)

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

#40B6B9

Slate Blue · MediumTurquoise · Mint Ice

HEX

#40B6B9

RGB

rgb(64, 182, 185)

HSL

hsl(181, 49%, 49%)

HSB

hsb(181, 65%, 73%)

CMYK

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

Oklch

oklch(71.3% 0.103 197.5)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#8AC8B3

Jade · MediumAquaMarine · Lake Green

HEX

#8AC8B3

RGB

rgb(138, 200, 179)

HSL

hsl(160, 36%, 66%)

HSB

hsb(160, 31%, 78%)

CMYK

cmyk(31%, 0%, 11%, 22%)

Oklch

oklch(78.5% 0.071 171.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#EF3500

Vermilion · OrangeRed · Passion Red

HEX

#EF3500

RGB

rgb(239, 53, 0)

HSL

hsl(13, 100%, 47%)

HSB

hsb(13, 100%, 94%)

CMYK

cmyk(0%, 78%, 100%, 6%)

Oklch

oklch(62.0% 0.226 33.5)

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

#ADB010

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#ADB010

RGB

rgb(173, 176, 16)

HSL

hsl(61, 83%, 38%)

HSB

hsb(61, 91%, 69%)

CMYK

cmyk(2%, 0%, 91%, 31%)

Oklch

oklch(73.1% 0.158 111.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1BD95

A094BC

Analogous

BCB494

B1BD95

9CBC94

Triadic

B1BD95

94B0BC

BC94B0

Split-Comp.

B1BD95

949CBC

B494BC

Tetradic

B1BD95

94BCB4

A094BC

BC949C

Contrast Matrix WCAG 2.1 Contrast

B1BD95	40B6B9	8AC8B3	EF3500	ADB010
—	1.2 Fail	1.0 Fail	2.0 Fail	1.2 Fail
1.2 Fail	—	1.3 Fail	1.7 Fail	1.0 Fail
1.0 Fail	1.3 Fail	—	2.1 Fail	1.2 Fail
2.0 Fail	1.7 Fail	2.1 Fail	—	1.7 Fail
1.2 Fail	1.0 Fail	1.2 Fail	1.7 Fail	—

White BG

2.0Fail

2.4Fail

1.9Fail

4.1AA Large

2.3Fail

Black BG

10.6AAA

8.6AAA

11.0AAA

5.2AA

9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B69F

7374B8

A5A5B8

9E9D0D

AEAE37

Deuteranopia

B6B5A1

6C63B8

A19DB9

A9B710

AEAE40

Tritanopia

B2A6A8

46B8B8

8DBCBD

E61719

AD555C

Achromatopsia

B5B5B5

939393

B3B3B3

676767

9D9D9D

Shades & Tints Shades & Tints

#B1BD95

Dark

Light

#40B6B9

Dark

Light

#8AC8B3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1bd95;
  --color-2: #40b6b9;
  --color-3: #8ac8b3;
  --color-4: #ef3500;
  --color-5: #adb010;
}

SCSS

$color-1: #b1bd95;
$color-2: #40b6b9;
$color-3: #8ac8b3;
$color-4: #ef3500;
$color-5: #adb010;

TAILWIND

colors: {
  'brand-1': '#b1bd95',
  'brand-2': '#40b6b9',
  'brand-3': '#8ac8b3',
  'brand-4': '#ef3500',
  'brand-5': '#adb010',
}

RGB Array

[177, 189, 149], [64, 182, 185], [138, 200, 179], [239, 53, 0], [173, 176, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B1BD95, #40B6B9, #8AC8B3, #EF3500, #ADB010 is ideal for: corporate websites, product showcases, portfolios. 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: #b1bd95; --color-2: #40b6b9; --color-3: #8ac8b3; --color-4: #ef3500; --color-5: #adb010. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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