← Back to Editor

#8FBE9E · #B2B952 · #C6AE34 · #CD261E · #2C261E

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

#8FBE9E

Celadon · DarkSeaGreen · Apple Green

HEX
#8FBE9E
RGB
rgb(143, 190, 158)
HSL
hsl(139, 27%, 65%)
HSB
hsb(139, 25%, 75%)
CMYK
cmyk(25%, 0%, 17%, 25%)
Oklch
oklch(75.9% 0.068 154.7)

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

#B2B952

Autumn Sage · Tan · Sunflower

HEX
#B2B952
RGB
rgb(178, 185, 82)
HSL
hsl(64, 42%, 52%)
HSB
hsb(64, 56%, 73%)
CMYK
cmyk(4%, 0%, 56%, 27%)
Oklch
oklch(75.9% 0.127 112.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#C6AE34

Autumn Sage · GoldenRod · Honey Gold

HEX
#C6AE34
RGB
rgb(198, 174, 52)
HSL
hsl(50, 58%, 49%)
HSB
hsb(50, 74%, 78%)
CMYK
cmyk(0%, 12%, 74%, 22%)
Oklch
oklch(75.1% 0.138 97.6)

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

#CD261E

Vermilion · FireBrick · Passion Red

HEX
#CD261E
RGB
rgb(205, 38, 30)
HSL
hsl(3, 74%, 46%)
HSB
hsb(3, 85%, 80%)
CMYK
cmyk(0%, 81%, 85%, 20%)
Oklch
oklch(54.9% 0.203 28.8)

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

#2C261E

Ochre · DarkSlateGray · Cinnamon

HEX
#2C261E
RGB
rgb(44, 38, 30)
HSL
hsl(34, 19%, 15%)
HSB
hsb(34, 32%, 17%)
CMYK
cmyk(0%, 14%, 32%, 83%)
Oklch
oklch(27.3% 0.017 74.9)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8FBE9E
BE8EAF

Analogous

96BE8E
8FBE9E
8EBEB5

Triadic

8FBE9E
9D8EBE
BE9D8E

Split-Comp.

8FBE9E
B58EBE
BE8E96

Tetradic

8FBE9E
8E96BE
BE8EAF
BEB58E

Contrast Matrix WCAG 2.1 Contrast

8FBE9E
B2B952
C6AE34
CD261E
2C261E
—
1.0
Fail
1.1
Fail
2.6
Fail
7.1
AAA
1.0
Fail
—
1.0
Fail
2.6
Fail
7.1
AAA
1.1
Fail
1.0
Fail
—
2.4
Fail
6.8
AA
2.6
Fail
2.6
Fail
2.4
Fail
—
2.8
Fail
7.1
AAA
7.1
AAA
6.8
AA
2.8
Fail
—
White BG
2.1Fail
2.1Fail
2.2Fail
5.4AA
15.0AAA
Black BG
10.0AAA
10.0AAA
9.5AAA
3.9AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A4A6
B5B56B
BCBB52
858320
292920

Deuteranopia

A19DA8
B5B471
BDBF59
8E9B20
2A2A20

Tritanopia

91ACAD
B27F83
C5696E
C52122
2C2122

Achromatopsia

ACACAC
ABABAB
A7A7A7
575757
272727

Shades & Tints Shades & Tints

#8FBE9E

Dark
Light

#B2B952

Dark
Light

#C6AE34

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8fbe9e;
  --color-2: #b2b952;
  --color-3: #c6ae34;
  --color-4: #cd261e;
  --color-5: #2c261e;
}

SCSS

$color-1: #8fbe9e;
$color-2: #b2b952;
$color-3: #c6ae34;
$color-4: #cd261e;
$color-5: #2c261e;

TAILWIND

colors: {
  'brand-1': '#8fbe9e',
  'brand-2': '#b2b952',
  'brand-3': '#c6ae34',
  'brand-4': '#cd261e',
  'brand-5': '#2c261e',
}

RGB Array

[143, 190, 158], [178, 185, 82], [198, 174, 52], [205, 38, 30], [44, 38, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8FBE9E, #B2B952, #C6AE34, #CD261E, #2C261E 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: #8fbe9e; --color-2: #b2b952; --color-3: #c6ae34; --color-4: #cd261e; --color-5: #2c261e. 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