← Back to Editor

#B7CE9D · #10C597 · #0BAB99 · #1D8879 · #F00841

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B7CE9D

Willow Green · Silver · Apple Green

HEX
#B7CE9D
RGB
rgb(183, 206, 157)
HSL
hsl(88, 33%, 71%)
HSB
hsb(88, 24%, 81%)
CMYK
cmyk(11%, 0%, 24%, 19%)
Oklch
oklch(82.2% 0.071 128.3)

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

#10C597

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#10C597
RGB
rgb(16, 197, 151)
HSL
hsl(165, 85%, 42%)
HSB
hsb(165, 92%, 77%)
CMYK
cmyk(92%, 0%, 23%, 23%)
Oklch
oklch(73.2% 0.146 168.2)

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

#0BAB99

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0BAB99
RGB
rgb(11, 171, 153)
HSL
hsl(173, 88%, 36%)
HSB
hsb(173, 94%, 67%)
CMYK
cmyk(94%, 0%, 11%, 33%)
Oklch
oklch(66.6% 0.118 181.8)

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

#1D8879

Mineral Blue · Teal · Mint Ice

HEX
#1D8879
RGB
rgb(29, 136, 121)
HSL
hsl(172, 65%, 32%)
HSB
hsb(172, 79%, 53%)
CMYK
cmyk(79%, 0%, 11%, 47%)
Oklch
oklch(56.6% 0.095 180.8)

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

#F00841

Vermilion · Crimson · Passion Red

HEX
#F00841
RGB
rgb(240, 8, 65)
HSL
hsl(345, 94%, 49%)
HSB
hsb(345, 97%, 94%)
CMYK
cmyk(0%, 97%, 73%, 6%)
Oklch
oklch(60.6% 0.241 19.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B7CE9D
B39DCD

Analogous

CDCC9D
B7CE9D
9ECD9D

Triadic

B7CE9D
9DB7CD
CD9DB7

Split-Comp.

B7CE9D
9D9ECD
CC9DCD

Tetradic

B7CE9D
9DCDCC
B39DCD
CD9D9E

Contrast Matrix WCAG 2.1 Contrast

B7CE9D
10C597
0BAB99
1D8879
F00841
—
1.3
Fail
1.7
Fail
2.5
Fail
2.6
Fail
1.3
Fail
—
1.3
Fail
1.9
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
1.5
Fail
2.5
Fail
1.9
Fail
1.5
Fail
—
1.0
Fail
2.6
Fail
2.0
Fail
1.5
Fail
1.0
Fail
—
White BG
1.7Fail
2.2Fail
2.9Fail
4.3AA Large
4.4AA Large
Black BG
12.3AAA
9.5AAA
7.3AAA
4.9AA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1A9
5E60A2
50529D
4B4C7D
8C8933

Deuteranopia

C0BEAC
5446A5
473B9E
453D7D
99AA30

Tritanopia

B8B2B4
19ABAD
13A1A2
227F80
E42826

Achromatopsia

C2C2C2
8A8A8A
797979
666666
545454

Shades & Tints Shades & Tints

#B7CE9D

Dark
Light

#10C597

Dark
Light

#0BAB99

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b7ce9d;
  --color-2: #10c597;
  --color-3: #0bab99;
  --color-4: #1d8879;
  --color-5: #f00841;
}

SCSS

$color-1: #b7ce9d;
$color-2: #10c597;
$color-3: #0bab99;
$color-4: #1d8879;
$color-5: #f00841;

TAILWIND

colors: {
  'brand-1': '#b7ce9d',
  'brand-2': '#10c597',
  'brand-3': '#0bab99',
  'brand-4': '#1d8879',
  'brand-5': '#f00841',
}

RGB Array

[183, 206, 157], [16, 197, 151], [11, 171, 153], [29, 136, 121], [240, 8, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B7CE9D, #10C597, #0BAB99, #1D8879, #F00841 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b7ce9d; --color-2: #10c597; --color-3: #0bab99; --color-4: #1d8879; --color-5: #f00841. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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