← Back to Editor

#AA791A · #DE4F33 · #D83649 · #AB3E4A · #59433E

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AA791A

Ochre · DarkGoldenRod · Honey Gold

HEX
#AA791A
RGB
rgb(170, 121, 26)
HSL
hsl(40, 73%, 38%)
HSB
hsb(40, 85%, 67%)
CMYK
cmyk(0%, 29%, 85%, 33%)
Oklch
oklch(61.0% 0.119 78.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#DE4F33

Vermilion · Chocolate · Passion Red

HEX
#DE4F33
RGB
rgb(222, 79, 51)
HSL
hsl(10, 72%, 54%)
HSB
hsb(10, 77%, 87%)
CMYK
cmyk(0%, 64%, 77%, 13%)
Oklch
oklch(61.9% 0.184 33.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#D83649

Vermilion · Crimson · Passion Red

HEX
#D83649
RGB
rgb(216, 54, 73)
HSL
hsl(353, 68%, 53%)
HSB
hsb(353, 75%, 85%)
CMYK
cmyk(0%, 75%, 66%, 15%)
Oklch
oklch(58.6% 0.197 19.8)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#AB3E4A

Crimson · Sienna · Passion Red

HEX
#AB3E4A
RGB
rgb(171, 62, 74)
HSL
hsl(353, 47%, 46%)
HSB
hsb(353, 64%, 67%)
CMYK
cmyk(0%, 64%, 57%, 33%)
Oklch
oklch(51.9% 0.143 17.1)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#59433E

Crimson · DarkOliveGreen · Wine Red

HEX
#59433E
RGB
rgb(89, 67, 62)
HSL
hsl(11, 18%, 30%)
HSB
hsb(11, 30%, 35%)
CMYK
cmyk(0%, 25%, 30%, 65%)
Oklch
oklch(40.5% 0.032 33.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA791A
1A49A8

Analogous

A8321A
AA791A
90A81A

Triadic

AA791A
1AA878
781AA8

Split-Comp.

AA791A
1A90A8
321AA8

Tetradic

AA791A
1AA832
1A49A8
A81A90

Contrast Matrix WCAG 2.1 Contrast

AA791A
DE4F33
D83649
AB3E4A
59433E
—
1.0
Fail
1.2
Fail
1.6
Fail
2.4
Fail
1.0
Fail
—
1.2
Fail
1.5
Fail
2.3
Fail
1.2
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
1.6
Fail
1.5
Fail
1.3
Fail
—
1.5
Fail
2.4
Fail
2.3
Fail
2.0
Fail
1.5
Fail
—
White BG
3.8AA Large
4.0AA Large
4.6AA
6.0AA
9.1AAA
Black BG
5.5AA
5.3AA
4.5AA
3.5AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

959431
A09F3A
929044
7C7B47
4F4F3F

Deuteranopia

989B37
A8B33B
9BA743
828A46
515240

Tritanopia

A84347
D73F40
D04140
A64544
584040

Achromatopsia

7D7D7D
777777
696969
606060
494949

Shades & Tints Shades & Tints

#AA791A

Dark
Light

#DE4F33

Dark
Light

#D83649

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa791a;
  --color-2: #de4f33;
  --color-3: #d83649;
  --color-4: #ab3e4a;
  --color-5: #59433e;
}

SCSS

$color-1: #aa791a;
$color-2: #de4f33;
$color-3: #d83649;
$color-4: #ab3e4a;
$color-5: #59433e;

TAILWIND

colors: {
  'brand-1': '#aa791a',
  'brand-2': '#de4f33',
  'brand-3': '#d83649',
  'brand-4': '#ab3e4a',
  'brand-5': '#59433e',
}

RGB Array

[170, 121, 26], [222, 79, 51], [216, 54, 73], [171, 62, 74], [89, 67, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #AA791A, #DE4F33, #D83649, #AB3E4A, #59433E is ideal for: corporate websites, product showcases, portfolios. 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: #aa791a; --color-2: #de4f33; --color-3: #d83649; --color-4: #ab3e4a; --color-5: #59433e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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