#1F493F + #1C5B46 + #29734E + #A19759 + #F17F41 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1F493F

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#1F493F

RGB

rgb(31, 73, 63)

HSL

hsl(166, 40%, 20%)

HSB

hsb(166, 58%, 29%)

CMYK

cmyk(58%, 0%, 14%, 71%)

Oklch

oklch(37.2% 0.050 175.7)

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

#1C5B46

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#1C5B46

RGB

rgb(28, 91, 70)

HSL

hsl(160, 53%, 23%)

HSB

hsb(160, 69%, 36%)

CMYK

cmyk(69%, 0%, 23%, 64%)

Oklch

oklch(42.5% 0.073 167.2)

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

#29734E

Mineral Blue · SeaGreen · Forest Green

HEX

#29734E

RGB

rgb(41, 115, 78)

HSL

hsl(150, 47%, 31%)

HSB

hsb(150, 64%, 45%)

CMYK

cmyk(64%, 0%, 32%, 55%)

Oklch

oklch(49.9% 0.095 158.2)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#A19759

Autumn Sage · Gray · Honey Gold

HEX

#A19759

RGB

rgb(161, 151, 89)

HSL

hsl(52, 29%, 49%)

HSB

hsb(52, 45%, 63%)

CMYK

cmyk(0%, 6%, 45%, 37%)

Oklch

oklch(67.1% 0.083 100.3)

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

#F17F41

Tangerine · Coral · Warm Sun

HEX

#F17F41

RGB

rgb(241, 127, 65)

HSL

hsl(21, 86%, 60%)

HSB

hsb(21, 73%, 95%)

CMYK

cmyk(0%, 47%, 73%, 5%)

Oklch

oklch(71.4% 0.159 46.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1F493F

471F28

Analogous

1F4729

1F493F

1F3D47

Triadic

1F493F

3E1F47

473E1F

Split-Comp.

1F493F

471F3D

47291F

Tetradic

1F493F

291F47

471F28

3D471F

Contrast Matrix WCAG 2.1 Contrast

1F493F	1C5B46	29734E	A19759	F17F41
—	1.3 Fail	1.8 Fail	3.4 AA Large	3.8 AA Large
1.3 Fail	—	1.4 Fail	2.7 Fail	3.0 Fail
1.8 Fail	1.4 Fail	—	1.9 Fail	2.1 Fail
3.4 AA Large	2.7 Fail	1.9 Fail	—	1.1 Fail
3.8 AA Large	3.0 Fail	2.1 Fail	1.1 Fail	—

White BG

10.1AAA

8.0AAA

5.7AA

3.0Fail

2.7Fail

Black BG

2.1Fail

2.6Fail

3.7AA Large

7.1AAA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

313241

37384B

494A57

9D9D68

C0BF50

Deuteranopia

2F2C42

342F4C

453F59

9D9E6C

C6CF54

Tritanopia

214344

1F4F50

2D5E60

A17476

EB5C5E

Achromatopsia

3B3B3B

464646

595959

939393

9A9A9A

Shades & Tints Shades & Tints

#1F493F

Dark

Light

#1C5B46

Dark

Light

#29734E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1f493f;
  --color-2: #1c5b46;
  --color-3: #29734e;
  --color-4: #a19759;
  --color-5: #f17f41;
}

SCSS

$color-1: #1f493f;
$color-2: #1c5b46;
$color-3: #29734e;
$color-4: #a19759;
$color-5: #f17f41;

TAILWIND

colors: {
  'brand-1': '#1f493f',
  'brand-2': '#1c5b46',
  'brand-3': '#29734e',
  'brand-4': '#a19759',
  'brand-5': '#f17f41',
}

RGB Array

[31, 73, 63], [28, 91, 70], [41, 115, 78], [161, 151, 89], [241, 127, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1F493F, #1C5B46, #29734E, #A19759, #F17F41 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: #1f493f; --color-2: #1c5b46; --color-3: #29734e; --color-4: #a19759; --color-5: #f17f41. 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