#063009 + #254B24 + #365835 + #516B50 + #667965 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#063009

Pine Green · Black · Dark Green

HEX

#063009

RGB

rgb(6, 48, 9)

HSL

hsl(124, 78%, 11%)

HSB

hsb(124, 88%, 19%)

CMYK

cmyk(87%, 0%, 81%, 81%)

Oklch

oklch(27.1% 0.079 144.1)

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

#254B24

Celadon · DarkSlateGray · Forest Green

HEX

#254B24

RGB

rgb(37, 75, 36)

HSL

hsl(118, 35%, 22%)

HSB

hsb(118, 52%, 29%)

CMYK

cmyk(51%, 0%, 52%, 71%)

Oklch

oklch(37.4% 0.078 143.3)

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

#365835

Celadon · DarkSlateGray · Forest Green

HEX

#365835

RGB

rgb(54, 88, 53)

HSL

hsl(118, 25%, 28%)

HSB

hsb(118, 40%, 35%)

CMYK

cmyk(39%, 0%, 40%, 65%)

Oklch

oklch(42.4% 0.069 143.6)

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

#516B50

Celadon · DarkOliveGreen · Forest Green

HEX

#516B50

RGB

rgb(81, 107, 80)

HSL

hsl(118, 14%, 37%)

HSB

hsb(118, 25%, 42%)

CMYK

cmyk(24%, 0%, 25%, 58%)

Oklch

oklch(49.9% 0.052 143.8)

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

#667965

Celadon · DimGray · Warm Gray

HEX

#667965

RGB

rgb(102, 121, 101)

HSL

hsl(117, 9%, 44%)

HSB

hsb(117, 17%, 47%)

CMYK

cmyk(16%, 0%, 17%, 53%)

Oklch

oklch(55.5% 0.038 143.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

063009

32062F

Analogous

193206

063009

06321F

Triadic

063009

090632

320906

Split-Comp.

063009

1F0632

320619

Tetradic

063009

061932

32062F

321F06

Contrast Matrix WCAG 2.1 Contrast

063009	254B24	365835	516B50	667965
—	1.5 Fail	1.8 Fail	2.5 Fail	3.1 AA Large
1.5 Fail	—	1.2 Fail	1.7 Fail	2.1 Fail
1.8 Fail	1.2 Fail	—	1.4 Fail	1.7 Fail
2.5 Fail	1.7 Fail	1.4 Fail	—	1.3 Fail
3.1 AA Large	2.1 Fail	1.7 Fail	1.3 Fail	—

White BG

14.6AAA

9.9AAA

8.1AAA

5.9AA

4.7AA

Black BG

1.4Fail

2.1Fail

2.6Fail

3.6AA Large

4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

181912

35362D

45453D

5C5C57

6E6E6A

Deuteranopia

161315

333030

43403F

5B5958

6D6C6B

Tritanopia

081A1C

273537

384446

525C5D

676E6F

Achromatopsia

1F1F1F

3B3B3B

4A4A4A

606060

717171

Shades & Tints Shades & Tints

#063009

Dark

Light

#254B24

Dark

Light

#365835

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #063009;
  --color-2: #254b24;
  --color-3: #365835;
  --color-4: #516b50;
  --color-5: #667965;
}

SCSS

$color-1: #063009;
$color-2: #254b24;
$color-3: #365835;
$color-4: #516b50;
$color-5: #667965;

TAILWIND

colors: {
  'brand-1': '#063009',
  'brand-2': '#254b24',
  'brand-3': '#365835',
  'brand-4': '#516b50',
  'brand-5': '#667965',
}

RGB Array

[6, 48, 9], [37, 75, 36], [54, 88, 53], [81, 107, 80], [102, 121, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #063009, #254B24, #365835, #516B50, #667965 is ideal for: tech websites, dark mode UIs, game UIs. 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: #063009; --color-2: #254b24; --color-3: #365835; --color-4: #516b50; --color-5: #667965. 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. 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