← Back to Editor

#B0A97F · #6D8272 · #05545E · #060429 · #990B4F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B0A97F

Autumn Sage · Tan · Sunflower

HEX
#B0A97F
RGB
rgb(176, 169, 127)
HSL
hsl(51, 24%, 59%)
HSB
hsb(51, 28%, 69%)
CMYK
cmyk(0%, 4%, 28%, 31%)
Oklch
oklch(73.0% 0.058 99.7)

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

#6D8272

Celadon · Gray · Warm Gray

HEX
#6D8272
RGB
rgb(109, 130, 114)
HSL
hsl(134, 9%, 47%)
HSB
hsb(134, 16%, 51%)
CMYK
cmyk(16%, 0%, 12%, 49%)
Oklch
oklch(58.5% 0.034 152.4)

Traditional「Celadon」· Paint「Warm Gray」· Creative Urban Concrete

#05545E

Lake Blue · DarkSlateGray · Peacock Green

HEX
#05545E
RGB
rgb(5, 84, 94)
HSL
hsl(187, 90%, 19%)
HSB
hsb(187, 95%, 37%)
CMYK
cmyk(95%, 11%, 0%, 63%)
Oklch
oklch(40.9% 0.069 209.0)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#060429

Deep Indigo · Black · Deep Sea Blue

HEX
#060429
RGB
rgb(6, 4, 41)
HSL
hsl(243, 82%, 9%)
HSB
hsb(243, 90%, 16%)
CMYK
cmyk(85%, 90%, 0%, 84%)
Oklch
oklch(14.9% 0.074 276.0)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#990B4F

Dark Violet · Brown · Camellia

HEX
#990B4F
RGB
rgb(153, 11, 79)
HSL
hsl(331, 87%, 32%)
HSB
hsb(331, 93%, 60%)
CMYK
cmyk(0%, 93%, 48%, 40%)
Oklch
oklch(44.6% 0.174 0.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0A97F
7D85B0

Analogous

B08F7D
B0A97F
9EB07D

Triadic

B0A97F
7DB0A8
A87DB0

Split-Comp.

B0A97F
7D9EB0
8F7DB0

Tetradic

B0A97F
7DB08F
7D85B0
B07D9E

Contrast Matrix WCAG 2.1 Contrast

B0A97F
6D8272
05545E
060429
990B4F
—
1.7
Fail
3.6
AA Large
8.4
AAA
3.5
AA Large
1.7
Fail
—
2.1
Fail
4.8
AA
2.0
Fail
3.6
AA Large
2.1
Fail
—
2.3
Fail
1.0
Fail
8.4
AAA
4.8
AA
2.3
Fail
—
2.4
Fail
3.5
AA Large
2.0
Fail
1.0
Fail
2.4
Fail
—
White BG
2.4Fail
4.1AA Large
8.6AAA
19.9AAA
8.3AAA
Black BG
8.8AAA
5.1AA
2.4Fail
1.1Fail
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAD89
767676
27285C
050520
5C5A3F

Deuteranopia

ADAE8C
757377
231D5B
05051E
646E3B

Tritanopia

B09193
6E797A
095A59
061917
92322F

Achromatopsia

A6A6A6
7A7A7A
3E3E3E
090909
3D3D3D

Shades & Tints Shades & Tints

#B0A97F

Dark
Light

#6D8272

Dark
Light

#05545E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0a97f;
  --color-2: #6d8272;
  --color-3: #05545e;
  --color-4: #060429;
  --color-5: #990b4f;
}

SCSS

$color-1: #b0a97f;
$color-2: #6d8272;
$color-3: #05545e;
$color-4: #060429;
$color-5: #990b4f;

TAILWIND

colors: {
  'brand-1': '#b0a97f',
  'brand-2': '#6d8272',
  'brand-3': '#05545e',
  'brand-4': '#060429',
  'brand-5': '#990b4f',
}

RGB Array

[176, 169, 127], [109, 130, 114], [5, 84, 94], [6, 4, 41], [153, 11, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0A97F, #6D8272, #05545E, #060429, #990B4F is ideal for: tech websites, dark mode UIs, game UIs, 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: #b0a97f; --color-2: #6d8272; --color-3: #05545e; --color-4: #060429; --color-5: #990b4f. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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