← Back to Editor

#43453F · #417065 · #7C875F · #B4BA59 · #999E33

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

#43453F

Dark Cyan · DarkSlateGray · Charcoal

HEX
#43453F
RGB
rgb(67, 69, 63)
HSL
hsl(80, 5%, 26%)
HSB
hsb(80, 9%, 27%)
CMYK
cmyk(3%, 0%, 9%, 73%)
Oklch
oklch(38.6% 0.010 121.9)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#417065

Mineral Blue · SeaGreen · Mint Ice

HEX
#417065
RGB
rgb(65, 112, 101)
HSL
hsl(166, 27%, 35%)
HSB
hsb(166, 42%, 44%)
CMYK
cmyk(42%, 0%, 10%, 56%)
Oklch
oklch(50.8% 0.055 177.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#7C875F

Grass Green · Gray · Olive Green

HEX
#7C875F
RGB
rgb(124, 135, 95)
HSL
hsl(77, 17%, 45%)
HSB
hsb(77, 30%, 53%)
CMYK
cmyk(8%, 0%, 30%, 47%)
Oklch
oklch(60.4% 0.059 120.7)

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

#B4BA59

Autumn Sage · Tan · Sunflower

HEX
#B4BA59
RGB
rgb(180, 186, 89)
HSL
hsl(64, 41%, 54%)
HSB
hsb(64, 52%, 73%)
CMYK
cmyk(3%, 0%, 52%, 27%)
Oklch
oklch(76.4% 0.121 112.1)

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

#999E33

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#999E33
RGB
rgb(153, 158, 51)
HSL
hsl(63, 51%, 41%)
HSB
hsb(63, 68%, 62%)
CMYK
cmyk(3%, 0%, 68%, 38%)
Oklch
oklch(67.5% 0.128 112.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

43453F
413F46

Analogous

46453F
43453F
40463F

Triadic

43453F
3F4346
463F43

Split-Comp.

43453F
3F4046
453F46

Tetradic

43453F
3F4645
413F46
463F40

Contrast Matrix WCAG 2.1 Contrast

43453F
417065
7C875F
B4BA59
999E33
—
1.7
Fail
2.5
Fail
4.7
AA
3.4
AA Large
1.7
Fail
—
1.5
Fail
2.7
Fail
2.0
Fail
2.5
Fail
1.5
Fail
—
1.8
Fail
1.3
Fail
4.7
AA
2.7
Fail
1.8
Fail
—
1.4
Fail
3.4
AA Large
2.0
Fail
1.3
Fail
1.4
Fail
—
White BG
9.7AAA
5.6AA
3.8AA Large
2.1Fail
2.9Fail
Black BG
2.2Fail
3.7AA Large
5.5AA
10.1AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

444440
555668
818169
B7B770
9B9B4D

Deuteranopia

444441
534F68
807F6B
B6B676
9B9B53

Tritanopia

434242
436A6A
7D7072
B48387
996166

Achromatopsia

444444
616161
7F7F7F
ADADAD
909090

Shades & Tints Shades & Tints

#43453F

Dark
Light

#417065

Dark
Light

#7C875F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #43453f;
  --color-2: #417065;
  --color-3: #7c875f;
  --color-4: #b4ba59;
  --color-5: #999e33;
}

SCSS

$color-1: #43453f;
$color-2: #417065;
$color-3: #7c875f;
$color-4: #b4ba59;
$color-5: #999e33;

TAILWIND

colors: {
  'brand-1': '#43453f',
  'brand-2': '#417065',
  'brand-3': '#7c875f',
  'brand-4': '#b4ba59',
  'brand-5': '#999e33',
}

RGB Array

[67, 69, 63], [65, 112, 101], [124, 135, 95], [180, 186, 89], [153, 158, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #43453F, #417065, #7C875F, #B4BA59, #999E33 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: #43453f; --color-2: #417065; --color-3: #7c875f; --color-4: #b4ba59; --color-5: #999e33. 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