#A4992D + #739A30 + #3A8179 + #4F3D4B + #A9357C · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A4992D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#A4992D

RGB

rgb(164, 153, 45)

HSL

hsl(54, 57%, 41%)

HSB

hsb(54, 73%, 64%)

CMYK

cmyk(0%, 7%, 73%, 36%)

Oklch

oklch(67.3% 0.125 103.4)

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

#739A30

Grass Green · DarkOliveGreen · Forest Green

HEX

#739A30

RGB

rgb(115, 154, 48)

HSL

hsl(82, 52%, 40%)

HSB

hsb(82, 69%, 60%)

CMYK

cmyk(25%, 0%, 69%, 40%)

Oklch

oklch(63.6% 0.140 127.4)

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

#3A8179

Mineral Blue · SeaGreen · Mint Ice

HEX

#3A8179

RGB

rgb(58, 129, 121)

HSL

hsl(173, 38%, 37%)

HSB

hsb(173, 55%, 51%)

CMYK

cmyk(55%, 0%, 6%, 49%)

Oklch

oklch(55.5% 0.072 185.5)

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

#4F3D4B

Rose Purple · DarkSlateGray · Eggplant

HEX

#4F3D4B

RGB

rgb(79, 61, 75)

HSL

hsl(313, 13%, 27%)

HSB

hsb(313, 23%, 31%)

CMYK

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

Oklch

oklch(38.5% 0.034 334.1)

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

#A9357C

Rose Purple · MediumVioletRed · Camellia

HEX

#A9357C

RGB

rgb(169, 53, 124)

HSL

hsl(323, 52%, 44%)

HSB

hsb(323, 69%, 66%)

CMYK

cmyk(0%, 69%, 27%, 34%)

Oklch

oklch(52.1% 0.168 346.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A4992D

2D39A4

Analogous

A45D2D

A4992D

74A42D

Triadic

A4992D

2DA498

982DA4

Split-Comp.

A4992D

2D74A4

5D2DA4

Tetradic

A4992D

2DA45D

2D39A4

A42D74

Contrast Matrix WCAG 2.1 Contrast

A4992D	739A30	3A8179	4F3D4B	A9357C
—	1.1 Fail	1.6 Fail	3.4 AA Large	2.1 Fail
1.1 Fail	—	1.4 Fail	3.0 AA Large	1.8 Fail
1.6 Fail	1.4 Fail	—	2.2 Fail	1.3 Fail
3.4 AA Large	3.0 AA Large	2.2 Fail	—	1.7 Fail
2.1 Fail	1.8 Fail	1.3 Fail	1.7 Fail	—

White BG

2.9Fail

3.3AA Large

4.6AA

10.0AAA

6.0AA

Black BG

7.2AAA

6.4AA

4.6AA

2.1Fail

3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9F47

84844A

59597B

474748

77766B

Deuteranopia

A0A14D

827F50

554F7B

484A47

7E8667

Tritanopia

A35C60

755E62

3E7C7D

4E4544

A35D5A

Achromatopsia

909090

828282

6B6B6B

444444

606060

Shades & Tints Shades & Tints

#A4992D

Dark

Light

#739A30

Dark

Light

#3A8179

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a4992d;
  --color-2: #739a30;
  --color-3: #3a8179;
  --color-4: #4f3d4b;
  --color-5: #a9357c;
}

SCSS

$color-1: #a4992d;
$color-2: #739a30;
$color-3: #3a8179;
$color-4: #4f3d4b;
$color-5: #a9357c;

TAILWIND

colors: {
  'brand-1': '#a4992d',
  'brand-2': '#739a30',
  'brand-3': '#3a8179',
  'brand-4': '#4f3d4b',
  'brand-5': '#a9357c',
}

RGB Array

[164, 153, 45], [115, 154, 48], [58, 129, 121], [79, 61, 75], [169, 53, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A4992D, #739A30, #3A8179, #4F3D4B, #A9357C 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: #a4992d; --color-2: #739a30; --color-3: #3a8179; --color-4: #4f3d4b; --color-5: #a9357c. 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 sea-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