#462E3C + #46416C + #1A697A + #52946C + #9FB74C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#462E3C

Rose Purple · DarkSlateGray · Raspberry

HEX

#462E3C

RGB

rgb(70, 46, 60)

HSL

hsl(325, 21%, 23%)

HSB

hsb(325, 34%, 27%)

CMYK

cmyk(0%, 34%, 14%, 73%)

Oklch

oklch(33.5% 0.041 343.7)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#46416C

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#46416C

RGB

rgb(70, 65, 108)

HSL

hsl(247, 25%, 34%)

HSB

hsb(247, 40%, 42%)

CMYK

cmyk(35%, 40%, 0%, 58%)

Oklch

oklch(40.0% 0.071 288.1)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#1A697A

Lake Blue · Teal · Mint Ice

HEX

#1A697A

RGB

rgb(26, 105, 122)

HSL

hsl(191, 65%, 29%)

HSB

hsb(191, 79%, 48%)

CMYK

cmyk(79%, 14%, 0%, 52%)

Oklch

oklch(48.3% 0.077 215.8)

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

#52946C

Celadon · MediumSeaGreen · Olive Green

HEX

#52946C

RGB

rgb(82, 148, 108)

HSL

hsl(144, 29%, 45%)

HSB

hsb(144, 45%, 58%)

CMYK

cmyk(45%, 0%, 27%, 42%)

Oklch

oklch(61.1% 0.092 155.8)

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

#9FB74C

Grass Green · DarkSeaGreen · Olive Green

HEX

#9FB74C

RGB

rgb(159, 183, 76)

HSL

hsl(73, 43%, 51%)

HSB

hsb(73, 58%, 72%)

CMYK

cmyk(13%, 0%, 58%, 28%)

Oklch

oklch(73.9% 0.136 120.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

462E3C

2E4739

Analogous

452E47

462E3C

472E30

Triadic

462E3C

3D472E

2E3D47

Split-Comp.

462E3C

30472E

2E4745

Tetradic

462E3C

47452E

2E4739

2E3047

Contrast Matrix WCAG 2.1 Contrast

462E3C	46416C	1A697A	52946C	9FB74C
—	1.3 Fail	1.9 Fail	3.4 AA Large	5.4 AA
1.3 Fail	—	1.5 Fail	2.6 Fail	4.2 AA Large
1.9 Fail	1.5 Fail	—	1.7 Fail	2.8 Fail
3.4 AA Large	2.6 Fail	1.7 Fail	—	1.6 Fail
5.4 AA	4.2 AA Large	2.8 Fail	1.6 Fail	—

White BG

12.2AAA

9.4AAA

6.3AA

3.6AA Large

2.2Fail

Black BG

1.7Fail

2.2Fail

3.3AA Large

5.8AA

9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3B39

444462

3C3D76

6F6F76

A9AA66

Deuteranopia

3D3F38

44455F

383275

6B6678

A8A66C

Tritanopia

453635

465958

1E7372

557D7F

A07A7F

Achromatopsia

373737

474747

535353

7C7C7C

A4A4A4

Shades & Tints Shades & Tints

#462E3C

Dark

Light

#46416C

Dark

Light

#1A697A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #462e3c;
  --color-2: #46416c;
  --color-3: #1a697a;
  --color-4: #52946c;
  --color-5: #9fb74c;
}

SCSS

$color-1: #462e3c;
$color-2: #46416c;
$color-3: #1a697a;
$color-4: #52946c;
$color-5: #9fb74c;

TAILWIND

colors: {
  'brand-1': '#462e3c',
  'brand-2': '#46416c',
  'brand-3': '#1a697a',
  'brand-4': '#52946c',
  'brand-5': '#9fb74c',
}

RGB Array

[70, 46, 60], [70, 65, 108], [26, 105, 122], [82, 148, 108], [159, 183, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #462E3C, #46416C, #1A697A, #52946C, #9FB74C 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: #462e3c; --color-2: #46416c; --color-3: #1a697a; --color-4: #52946c; --color-5: #9fb74c. 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