← Back to Editor

#1A2907 · #617F1A · #A8B471 · #C1ADA0 · #D0C2B4

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

#1A2907

Grass Green · Black · Dark Green

HEX
#1A2907
RGB
rgb(26, 41, 7)
HSL
hsl(86, 71%, 9%)
HSB
hsb(86, 83%, 16%)
CMYK
cmyk(37%, 0%, 83%, 84%)
Oklch
oklch(25.9% 0.058 130.0)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

#617F1A

Grass Green · DarkOliveGreen · Forest Green

HEX
#617F1A
RGB
rgb(97, 127, 26)
HSL
hsl(78, 66%, 30%)
HSB
hsb(78, 80%, 50%)
CMYK
cmyk(24%, 0%, 80%, 50%)
Oklch
oklch(55.4% 0.128 125.3)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#A8B471

Grass Green · DarkSeaGreen · Olive Green

HEX
#A8B471
RGB
rgb(168, 180, 113)
HSL
hsl(71, 31%, 57%)
HSB
hsb(71, 37%, 71%)
CMYK
cmyk(7%, 0%, 37%, 29%)
Oklch
oklch(74.5% 0.090 116.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#C1ADA0

Apricot · DarkGray · Warm Sun

HEX
#C1ADA0
RGB
rgb(193, 173, 160)
HSL
hsl(24, 21%, 69%)
HSB
hsb(24, 17%, 76%)
CMYK
cmyk(0%, 10%, 17%, 24%)
Oklch
oklch(76.1% 0.030 55.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D0C2B4

Goose Yellow · Silver · Peach Orange

HEX
#D0C2B4
RGB
rgb(208, 194, 180)
HSL
hsl(30, 23%, 76%)
HSB
hsb(30, 13%, 82%)
CMYK
cmyk(0%, 7%, 13%, 18%)
Oklch
oklch(82.2% 0.025 67.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A2907
150727

Analogous

272507
1A2907
092707

Triadic

1A2907
071927
270719

Split-Comp.

1A2907
070927
250727

Tetradic

1A2907
072725
150727
270709

Contrast Matrix WCAG 2.1 Contrast

1A2907
617F1A
A8B471
C1ADA0
D0C2B4
—
3.3
AA Large
6.9
AA
7.1
AAA
8.8
AAA
3.3
AA Large
—
2.1
Fail
2.1
Fail
2.6
Fail
6.9
AA
2.1
Fail
—
1.0
Fail
1.3
Fail
7.1
AAA
2.1
Fail
1.0
Fail
—
1.2
Fail
8.8
AAA
2.6
Fail
1.3
Fail
1.2
Fail
—
White BG
15.4AAA
4.6AA
2.2Fail
2.2Fail
1.7Fail
Black BG
1.4Fail
4.6AA
9.4AAA
9.8AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

20210F
6E6E32
ADAD81
B8B8A3
CACAB7

Deuteranopia

201F11
6C6A38
ADAC85
BABBA4
CBCCB8

Tritanopia

1B1617
62464A
A98E91
C0A6A6
CFBABB

Achromatopsia

212121
6B6B6B
A9A9A9
B1B1B1
C5C5C5

Shades & Tints Shades & Tints

#1A2907

Dark
Light

#617F1A

Dark
Light

#A8B471

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a2907;
  --color-2: #617f1a;
  --color-3: #a8b471;
  --color-4: #c1ada0;
  --color-5: #d0c2b4;
}

SCSS

$color-1: #1a2907;
$color-2: #617f1a;
$color-3: #a8b471;
$color-4: #c1ada0;
$color-5: #d0c2b4;

TAILWIND

colors: {
  'brand-1': '#1a2907',
  'brand-2': '#617f1a',
  'brand-3': '#a8b471',
  'brand-4': '#c1ada0',
  'brand-5': '#d0c2b4',
}

RGB Array

[26, 41, 7], [97, 127, 26], [168, 180, 113], [193, 173, 160], [208, 194, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A2907, #617F1A, #A8B471, #C1ADA0, #D0C2B4 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: #1a2907; --color-2: #617f1a; --color-3: #a8b471; --color-4: #c1ada0; --color-5: #d0c2b4. 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