← Back to Editor

#A6932F · #C9E0B0 · #138667 · #D4D38E · #47453A

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A6932F

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A6932F
RGB
rgb(166, 147, 47)
HSL
hsl(50, 56%, 42%)
HSB
hsb(50, 72%, 65%)
CMYK
cmyk(0%, 11%, 72%, 35%)
Oklch
oklch(66.2% 0.119 98.2)

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

#C9E0B0

Willow Green · Silver · Apple Green

HEX
#C9E0B0
RGB
rgb(201, 224, 176)
HSL
hsl(89, 44%, 78%)
HSB
hsb(89, 21%, 88%)
CMYK
cmyk(10%, 0%, 21%, 12%)
Oklch
oklch(87.7% 0.069 128.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#138667

Mineral Blue · SeaGreen · Mint Ice

HEX
#138667
RGB
rgb(19, 134, 103)
HSL
hsl(164, 75%, 30%)
HSB
hsb(164, 86%, 53%)
CMYK
cmyk(86%, 0%, 23%, 47%)
Oklch
oklch(55.3% 0.107 168.6)

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

#D4D38E

Fresh Green · BurlyWood · Sunflower

HEX
#D4D38E
RGB
rgb(212, 211, 142)
HSL
hsl(59, 45%, 69%)
HSB
hsb(59, 33%, 83%)
CMYK
cmyk(0%, 0%, 33%, 17%)
Oklch
oklch(85.2% 0.089 107.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#47453A

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#47453A
RGB
rgb(71, 69, 58)
HSL
hsl(51, 10%, 25%)
HSB
hsb(51, 18%, 28%)
CMYK
cmyk(0%, 3%, 18%, 72%)
Oklch
oklch(38.9% 0.018 98.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6932F
2F43A7

Analogous

A7572F
A6932F
7FA72F

Triadic

A6932F
2FA793
932FA7

Split-Comp.

A6932F
2F7FA7
572FA7

Tetradic

A6932F
2FA757
2F43A7
A72F7F

Contrast Matrix WCAG 2.1 Contrast

A6932F
C9E0B0
138667
D4D38E
47453A
—
2.2
Fail
1.5
Fail
2.0
Fail
3.1
AA Large
2.2
Fail
—
3.2
AA Large
1.1
Fail
6.8
AA
1.5
Fail
3.2
AA Large
—
2.9
Fail
2.1
Fail
2.0
Fail
1.1
Fail
2.9
Fail
—
6.2
AA
3.1
AA Large
6.8
AA
2.1
Fail
6.2
AA
—
White BG
3.1AA Large
1.4Fail
4.5AA
1.6Fail
9.6AAA
Black BG
6.8AA
14.8AAA
4.6AA
13.5AAA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9E47
D3D3BC
45466F
D4D49F
46463D

Deuteranopia

9FA04D
D2D0BE
3E3570
D4D4A3
46463D

Tritanopia

A55A5F
CAC5C7
197476
D4ACAF
473F3F

Achromatopsia

8D8D8D
D4D4D4
606060
CBCBCB
444444

Shades & Tints Shades & Tints

#A6932F

Dark
Light

#C9E0B0

Dark
Light

#138667

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6932f;
  --color-2: #c9e0b0;
  --color-3: #138667;
  --color-4: #d4d38e;
  --color-5: #47453a;
}

SCSS

$color-1: #a6932f;
$color-2: #c9e0b0;
$color-3: #138667;
$color-4: #d4d38e;
$color-5: #47453a;

TAILWIND

colors: {
  'brand-1': '#a6932f',
  'brand-2': '#c9e0b0',
  'brand-3': '#138667',
  'brand-4': '#d4d38e',
  'brand-5': '#47453a',
}

RGB Array

[166, 147, 47], [201, 224, 176], [19, 134, 103], [212, 211, 142], [71, 69, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A6932F, #C9E0B0, #138667, #D4D38E, #47453A is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #a6932f; --color-2: #c9e0b0; --color-3: #138667; --color-4: #d4d38e; --color-5: #47453a. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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