← Back to Editor

#273234 · #AAF011 · #7C7D80 · #94957E · #9E9E7A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#273234

Slate Blue · DarkSlateGray · Peacock Green

HEX
#273234
RGB
rgb(39, 50, 52)
HSL
hsl(189, 14%, 18%)
HSB
hsb(189, 25%, 20%)
CMYK
cmyk(25%, 4%, 0%, 80%)
Oklch
oklch(30.8% 0.015 209.9)

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

#AAF011

Grass Green · GreenYellow · Olive Green

HEX
#AAF011
RGB
rgb(170, 240, 17)
HSL
hsl(79, 88%, 50%)
HSB
hsb(79, 93%, 94%)
CMYK
cmyk(29%, 0%, 93%, 6%)
Oklch
oklch(87.6% 0.226 128.0)

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

#7C7D80

Ink Gray · Gray · Warm Gray

HEX
#7C7D80
RGB
rgb(124, 125, 128)
HSL
hsl(225, 2%, 49%)
HSB
hsb(225, 3%, 50%)
CMYK
cmyk(3%, 2%, 0%, 50%)
Oklch
oklch(59.0% 0.005 271.3)

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

#94957E

Autumn Sage · Gray · Sunflower

HEX
#94957E
RGB
rgb(148, 149, 126)
HSL
hsl(63, 10%, 54%)
HSB
hsb(63, 15%, 58%)
CMYK
cmyk(1%, 0%, 15%, 42%)
Oklch
oklch(66.3% 0.033 109.3)

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

#9E9E7A

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#9E9E7A
RGB
rgb(158, 158, 122)
HSL
hsl(60, 16%, 55%)
HSB
hsb(60, 23%, 62%)
CMYK
cmyk(0%, 0%, 23%, 38%)
Oklch
oklch(69.0% 0.050 107.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

273234
342927

Analogous

273430
273234
272C34

Triadic

273234
342732
323427

Split-Comp.

273234
34272C
343027

Tetradic

273234
302734
342927
2C3427

Contrast Matrix WCAG 2.1 Contrast

273234
AAF011
7C7D80
94957E
9E9E7A
—
9.5
AAA
3.2
AA Large
4.3
AA Large
4.8
AA
9.5
AAA
—
3.0
Fail
2.2
Fail
2.0
Fail
3.2
AA Large
3.0
Fail
—
1.3
Fail
1.5
Fail
4.3
AA Large
2.2
Fail
1.3
Fail
—
1.1
Fail
4.8
AA
2.0
Fail
1.5
Fail
1.1
Fail
—
White BG
13.2AAA
1.4Fail
4.1AA Large
3.1AA Large
2.8Fail
Black BG
1.6Fail
15.2AAA
5.1AA
6.9AA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C34
C8C947
7C7C7F
949484
9E9E83

Deuteranopia

2B2A33
C4BF54
7C7C7F
949485
9E9E85

Tritanopia

283333
AE727B
7C7F7F
948889
9E8A8B

Achromatopsia

2F2F2F
C2C2C2
7D7D7D
929292
9A9A9A

Shades & Tints Shades & Tints

#273234

Dark
Light

#AAF011

Dark
Light

#7C7D80

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #273234;
  --color-2: #aaf011;
  --color-3: #7c7d80;
  --color-4: #94957e;
  --color-5: #9e9e7a;
}

SCSS

$color-1: #273234;
$color-2: #aaf011;
$color-3: #7c7d80;
$color-4: #94957e;
$color-5: #9e9e7a;

TAILWIND

colors: {
  'brand-1': '#273234',
  'brand-2': '#aaf011',
  'brand-3': '#7c7d80',
  'brand-4': '#94957e',
  'brand-5': '#9e9e7a',
}

RGB Array

[39, 50, 52], [170, 240, 17], [124, 125, 128], [148, 149, 126], [158, 158, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #273234, #AAF011, #7C7D80, #94957E, #9E9E7A is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #273234; --color-2: #aaf011; --color-3: #7c7d80; --color-4: #94957e; --color-5: #9e9e7a. 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. 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. Restrained colors convey professionalism and trust. 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