← Back to Editor

#BCCC7F · #AF9A72 · #99625B · #76153B · #110603

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

#BCCC7F

Willow Green · Tan · Apple Green

HEX
#BCCC7F
RGB
rgb(188, 204, 127)
HSL
hsl(72, 43%, 65%)
HSB
hsb(72, 38%, 80%)
CMYK
cmyk(8%, 0%, 38%, 20%)
Oklch
oklch(81.5% 0.102 118.3)

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

#AF9A72

Ginger · Tan · Warm Sun

HEX
#AF9A72
RGB
rgb(175, 154, 114)
HSL
hsl(39, 28%, 57%)
HSB
hsb(39, 35%, 69%)
CMYK
cmyk(0%, 12%, 35%, 31%)
Oklch
oklch(69.5% 0.060 83.3)

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

#99625B

Crimson · Sienna · Passion Red

HEX
#99625B
RGB
rgb(153, 98, 91)
HSL
hsl(7, 25%, 48%)
HSB
hsb(7, 41%, 60%)
CMYK
cmyk(0%, 36%, 41%, 40%)
Oklch
oklch(55.4% 0.073 27.6)

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

#76153B

Dark Violet · Brown · Camellia

HEX
#76153B
RGB
rgb(118, 21, 59)
HSL
hsl(336, 70%, 27%)
HSB
hsb(336, 82%, 46%)
CMYK
cmyk(0%, 82%, 50%, 54%)
Oklch
oklch(37.8% 0.133 3.0)

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

#110603

Vermilion · Black · Deep Berry

HEX
#110603
RGB
rgb(17, 6, 3)
HSL
hsl(13, 70%, 4%)
HSB
hsb(13, 82%, 7%)
CMYK
cmyk(0%, 65%, 82%, 93%)
Oklch
oklch(13.9% 0.024 43.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCCC7F
8F7FCC

Analogous

CCB57F
BCCC7F
96CC7F

Triadic

BCCC7F
7FBDCC
CC7FBD

Split-Comp.

BCCC7F
7F96CC
B57FCC

Tetradic

BCCC7F
7FCCB5
8F7FCC
CC7F96

Contrast Matrix WCAG 2.1 Contrast

BCCC7F
AF9A72
99625B
76153B
110603
—
1.6
Fail
2.8
Fail
6.2
AA
11.5
AAA
1.6
Fail
—
1.8
Fail
4.0
AA Large
7.3
AAA
2.8
Fail
1.8
Fail
—
2.2
Fail
4.0
AA Large
6.2
AA
4.0
AA Large
2.2
Fail
—
1.8
Fail
11.5
AAA
7.3
AAA
4.0
AA Large
1.8
Fail
—
White BG
1.7Fail
2.7Fail
4.9AA
10.8AAA
20.0AAA
Black BG
12.1AAA
7.7AAA
4.3AA Large
1.9Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C392
A6A67C
81815D
4C4B32
0C0C04

Deuteranopia

C2C196
A7A97E
84895D
525930
0D0E04

Tritanopia

BDA0A4
AE8385
965E5E
712B29
100404

Achromatopsia

BEBEBE
9C9C9C
727272
363636
090909

Shades & Tints Shades & Tints

#BCCC7F

Dark
Light

#AF9A72

Dark
Light

#99625B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bccc7f;
  --color-2: #af9a72;
  --color-3: #99625b;
  --color-4: #76153b;
  --color-5: #110603;
}

SCSS

$color-1: #bccc7f;
$color-2: #af9a72;
$color-3: #99625b;
$color-4: #76153b;
$color-5: #110603;

TAILWIND

colors: {
  'brand-1': '#bccc7f',
  'brand-2': '#af9a72',
  'brand-3': '#99625b',
  'brand-4': '#76153b',
  'brand-5': '#110603',
}

RGB Array

[188, 204, 127], [175, 154, 114], [153, 98, 91], [118, 21, 59], [17, 6, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BCCC7F, #AF9A72, #99625B, #76153B, #110603 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: #bccc7f; --color-2: #af9a72; --color-3: #99625b; --color-4: #76153b; --color-5: #110603. 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