#B0F076 + #609182 + #82616C + #DA5069 + #FC3659 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B0F076

Emerald · LightGreen · Apple Green

HEX

#B0F076

RGB

rgb(176, 240, 118)

HSL

hsl(91, 80%, 70%)

HSB

hsb(91, 51%, 94%)

CMYK

cmyk(27%, 0%, 51%, 6%)

Oklch

oklch(88.6% 0.167 131.9)

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

#609182

Mineral Blue · SlateGray · Mint Ice

HEX

#609182

RGB

rgb(96, 145, 130)

HSL

hsl(162, 20%, 47%)

HSB

hsb(162, 34%, 57%)

CMYK

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

Oklch

oklch(61.7% 0.058 173.1)

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

#82616C

Dark Violet · DimGray · Camellia

HEX

#82616C

RGB

rgb(130, 97, 108)

HSL

hsl(340, 15%, 45%)

HSB

hsb(340, 25%, 51%)

CMYK

cmyk(0%, 25%, 17%, 49%)

Oklch

oklch(53.0% 0.045 357.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#DA5069

Vermilion · Tomato · Passion Red

HEX

#DA5069

RGB

rgb(218, 80, 105)

HSL

hsl(349, 65%, 58%)

HSB

hsb(349, 63%, 85%)

CMYK

cmyk(0%, 63%, 52%, 15%)

Oklch

oklch(62.2% 0.173 12.8)

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

#FC3659

Vermilion · Tomato · Passion Red

HEX

#FC3659

RGB

rgb(252, 54, 89)

HSL

hsl(349, 97%, 60%)

HSB

hsb(349, 79%, 99%)

CMYK

cmyk(0%, 79%, 65%, 1%)

Oklch

oklch(65.1% 0.230 17.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0F076

B575F0

Analogous

EEF075

B0F076

75F077

Triadic

B0F076

75B0F0

F075B0

Split-Comp.

B0F076

7775F0

F075EE

Tetradic

B0F076

75EEF0

B575F0

F07775

Contrast Matrix WCAG 2.1 Contrast

B0F076	609182	82616C	DA5069	FC3659
—	2.7 Fail	4.0 AA Large	2.9 Fail	2.7 Fail
2.7 Fail	—	1.5 Fail	1.1 Fail	1.0 Fail
4.0 AA Large	1.5 Fail	—	1.4 Fail	1.5 Fail
2.9 Fail	1.1 Fail	1.4 Fail	—	1.1 Fail
2.7 Fail	1.0 Fail	1.5 Fail	1.1 Fail	—

White BG

1.3Fail

3.6AA Large

5.4AA

3.9AA Large

3.6AA Large

Black BG

15.6AAA

5.9AA

3.9AA Large

5.3AA

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCC94

757686

747369

9E9D63

A6A451

Deuteranopia

C8C39B

726F87

767869

A6B162

B2C14F

Tritanopia

B3ABB0

628889

806767

D35E5D

F24A48

Achromatopsia

CFCFCF

818181

6C6C6C

7C7C7C

757575

Shades & Tints Shades & Tints

#B0F076

Dark

Light

#609182

Dark

Light

#82616C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0f076;
  --color-2: #609182;
  --color-3: #82616c;
  --color-4: #da5069;
  --color-5: #fc3659;
}

SCSS

$color-1: #b0f076;
$color-2: #609182;
$color-3: #82616c;
$color-4: #da5069;
$color-5: #fc3659;

TAILWIND

colors: {
  'brand-1': '#b0f076',
  'brand-2': '#609182',
  'brand-3': '#82616c',
  'brand-4': '#da5069',
  'brand-5': '#fc3659',
}

RGB Array

[176, 240, 118], [96, 145, 130], [130, 97, 108], [218, 80, 105], [252, 54, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0F076, #609182, #82616C, #DA5069, #FC3659 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: #b0f076; --color-2: #609182; --color-3: #82616c; --color-4: #da5069; --color-5: #fc3659. 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