← Back to Editor

#B5D6A1 · #ACAA9D · #B2813C · #994D3F · #48130B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B5D6A1

Celadon · Silver · Apple Green

HEX
#B5D6A1
RGB
rgb(181, 214, 161)
HSL
hsl(97, 39%, 74%)
HSB
hsb(97, 25%, 84%)
CMYK
cmyk(15%, 0%, 25%, 16%)
Oklch
oklch(83.8% 0.080 133.9)

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

#ACAA9D

Fresh Green · DarkGray · Silver Sand

HEX
#ACAA9D
RGB
rgb(172, 170, 157)
HSL
hsl(52, 8%, 65%)
HSB
hsb(52, 9%, 67%)
CMYK
cmyk(0%, 1%, 9%, 33%)
Oklch
oklch(73.6% 0.018 99.7)

Traditional「Fresh Green」· Paint「Silver Sand」· Creative Urban Concrete

#B2813C

Ochre · DarkGoldenRod · Amber Brown

HEX
#B2813C
RGB
rgb(178, 129, 60)
HSL
hsl(35, 50%, 47%)
HSB
hsb(35, 66%, 70%)
CMYK
cmyk(0%, 28%, 66%, 30%)
Oklch
oklch(63.8% 0.105 73.2)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#994D3F

Crimson · Sienna · Passion Red

HEX
#994D3F
RGB
rgb(153, 77, 63)
HSL
hsl(9, 42%, 42%)
HSB
hsb(9, 59%, 60%)
CMYK
cmyk(0%, 50%, 59%, 40%)
Oklch
oklch(51.1% 0.105 31.8)

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

#48130B

Vermilion · Maroon · Deep Berry

HEX
#48130B
RGB
rgb(72, 19, 11)
HSL
hsl(8, 73%, 16%)
HSB
hsb(8, 85%, 28%)
CMYK
cmyk(0%, 74%, 85%, 72%)
Oklch
oklch(27.5% 0.083 31.3)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5D6A1
C3A3D7

Analogous

D1D7A3
B5D6A1
A3D7A9

Triadic

B5D6A1
A3B7D7
D7A3B7

Split-Comp.

B5D6A1
A9A3D7
D7A3D1

Tetradic

B5D6A1
A3D1D7
C3A3D7
D7A9A3

Contrast Matrix WCAG 2.1 Contrast

B5D6A1
ACAA9D
B2813C
994D3F
48130B
—
1.5
Fail
2.1
Fail
3.8
AA Large
9.5
AAA
1.5
Fail
—
1.5
Fail
2.6
Fail
6.5
AA
2.1
Fail
1.5
Fail
—
1.7
Fail
4.4
AA Large
3.8
AA Large
2.6
Fail
1.7
Fail
—
2.5
Fail
9.5
AAA
6.5
AA
4.4
AA Large
2.5
Fail
—
White BG
1.6Fail
2.3Fail
3.4AA Large
6.0AA
15.3AAA
Black BG
13.1AAA
9.0AAA
6.1AA
3.5AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C4AE
ABABA0
9D9C4D
787742
31310D

Deuteranopia

C1BFB1
ABABA1
A0A351
7D8243
34380D

Tritanopia

B7B8BA
ACA3A3
B05A5D
954546
450E0F

Achromatopsia

C6C6C6
A9A9A9
888888
626262
222222

Shades & Tints Shades & Tints

#B5D6A1

Dark
Light

#ACAA9D

Dark
Light

#B2813C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5d6a1;
  --color-2: #acaa9d;
  --color-3: #b2813c;
  --color-4: #994d3f;
  --color-5: #48130b;
}

SCSS

$color-1: #b5d6a1;
$color-2: #acaa9d;
$color-3: #b2813c;
$color-4: #994d3f;
$color-5: #48130b;

TAILWIND

colors: {
  'brand-1': '#b5d6a1',
  'brand-2': '#acaa9d',
  'brand-3': '#b2813c',
  'brand-4': '#994d3f',
  'brand-5': '#48130b',
}

RGB Array

[181, 214, 161], [172, 170, 157], [178, 129, 60], [153, 77, 63], [72, 19, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B5D6A1, #ACAA9D, #B2813C, #994D3F, #48130B is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #b5d6a1; --color-2: #acaa9d; --color-3: #b2813c; --color-4: #994d3f; --color-5: #48130b. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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