#44291E + #55443D + #566C55 + #5FA05E + #E6D900 · bright - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#44291E

Tangerine · DarkSlateGray · Cinnamon

HEX

#44291E

RGB

rgb(68, 41, 30)

HSL

hsl(17, 39%, 19%)

HSB

hsb(17, 56%, 27%)

CMYK

cmyk(0%, 40%, 56%, 73%)

Oklch

oklch(31.2% 0.045 42.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#55443D

Tangerine · DarkOliveGreen · Amber Brown

HEX

#55443D

RGB

rgb(85, 68, 61)

HSL

hsl(17, 16%, 29%)

HSB

hsb(17, 28%, 33%)

CMYK

cmyk(0%, 20%, 28%, 67%)

Oklch

oklch(40.2% 0.026 43.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#566C55

Celadon · DimGray · Forest Green

HEX

#566C55

RGB

rgb(86, 108, 85)

HSL

hsl(117, 12%, 38%)

HSB

hsb(117, 21%, 42%)

CMYK

cmyk(20%, 0%, 21%, 58%)

Oklch

oklch(50.6% 0.044 143.8)

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

#5FA05E

Celadon · MediumSeaGreen · Olive Green

HEX

#5FA05E

RGB

rgb(95, 160, 94)

HSL

hsl(119, 26%, 50%)

HSB

hsb(119, 41%, 63%)

CMYK

cmyk(41%, 0%, 41%, 37%)

Oklch

oklch(64.5% 0.117 143.8)

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

#E6D900

Autumn Sage · Gold · Honey Gold

HEX

#E6D900

RGB

rgb(230, 217, 0)

HSL

hsl(57, 100%, 45%)

HSB

hsb(57, 100%, 90%)

CMYK

cmyk(0%, 6%, 100%, 10%)

Oklch

oklch(86.8% 0.184 105.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

44291E

1E3943

Analogous

431E26

44291E

433B1E

Triadic

44291E

1E4328

281E43

Split-Comp.

44291E

1E433B

1E2643

Tetradic

44291E

26431E

1E3943

3B1E43

Contrast Matrix WCAG 2.1 Contrast

44291E	55443D	566C55	5FA05E	E6D900
—	1.4 Fail	2.3 Fail	4.2 AA Large	9.0 AAA
1.4 Fail	—	1.6 Fail	2.9 Fail	6.3 AA
2.3 Fail	1.6 Fail	—	1.8 Fail	3.9 AA Large
4.2 AA Large	2.9 Fail	1.8 Fail	—	2.1 Fail
9.0 AAA	6.3 AA	3.9 AA Large	2.1 Fail	—

White BG

13.3AAA

9.2AAA

5.7AA

3.1AA Large

1.5Fail

Black BG

1.6Fail

2.3Fail

3.7AA Large

6.7AA

14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

383821

4E4D3F

60605B

7B7C6E

E0E035

Deuteranopia

3A3C21

4F503F

5E5D5C

777372

E1E241

Tritanopia

432323

544040

575F60

627B7D

E55E67

Achromatopsia

303030

484848

636363

858585

C4C4C4

Shades & Tints Shades & Tints

#44291E

Dark

Light

#55443D

Dark

Light

#566C55

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #44291e;
  --color-2: #55443d;
  --color-3: #566c55;
  --color-4: #5fa05e;
  --color-5: #e6d900;
}

SCSS

$color-1: #44291e;
$color-2: #55443d;
$color-3: #566c55;
$color-4: #5fa05e;
$color-5: #e6d900;

TAILWIND

colors: {
  'brand-1': '#44291e',
  'brand-2': '#55443d',
  'brand-3': '#566c55',
  'brand-4': '#5fa05e',
  'brand-5': '#e6d900',
}

RGB Array

[68, 41, 30], [85, 68, 61], [86, 108, 85], [95, 160, 94], [230, 217, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #44291E, #55443D, #566C55, #5FA05E, #E6D900 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: #44291e; --color-2: #55443d; --color-3: #566c55; --color-4: #5fa05e; --color-5: #e6d900. 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 bright-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