← Back to Editor

#3B0D0D · #A87952 · #BFA369 · #BCC49B · #E3DBAA

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 LibraryData Visualization

Color Details Color Details

#3B0D0D

Vermilion · Black · Deep Berry

HEX
#3B0D0D
RGB
rgb(59, 13, 13)
HSL
hsl(0, 64%, 14%)
HSB
hsb(0, 78%, 23%)
CMYK
cmyk(0%, 78%, 78%, 77%)
Oklch
oklch(24.1% 0.072 24.4)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#A87952

Tangerine · Sienna · Amber Brown

HEX
#A87952
RGB
rgb(168, 121, 82)
HSL
hsl(27, 34%, 49%)
HSB
hsb(27, 51%, 66%)
CMYK
cmyk(0%, 28%, 51%, 34%)
Oklch
oklch(61.4% 0.080 60.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#BFA369

Ginger · Tan · Sunflower

HEX
#BFA369
RGB
rgb(191, 163, 105)
HSL
hsl(40, 40%, 58%)
HSB
hsb(40, 45%, 75%)
CMYK
cmyk(0%, 15%, 45%, 25%)
Oklch
oklch(72.7% 0.083 84.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#BCC49B

Willow Green · Tan · Apple Green

HEX
#BCC49B
RGB
rgb(188, 196, 155)
HSL
hsl(72, 26%, 69%)
HSB
hsb(72, 21%, 77%)
CMYK
cmyk(4%, 0%, 21%, 23%)
Oklch
oklch(80.3% 0.056 116.7)

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

#E3DBAA

Fresh Green · Wheat · Lemon Cream

HEX
#E3DBAA
RGB
rgb(227, 219, 170)
HSL
hsl(52, 50%, 78%)
HSB
hsb(52, 25%, 89%)
CMYK
cmyk(0%, 4%, 25%, 11%)
Oklch
oklch(88.6% 0.065 99.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B0D0D
0D3B3B

Analogous

3B0D24
3B0D0D
3B240D

Triadic

3B0D0D
0D3B0D
0D0D3B

Split-Comp.

3B0D0D
0D3B24
0D243B

Tetradic

3B0D0D
243B0D
0D3B3B
240D3B

Contrast Matrix WCAG 2.1 Contrast

3B0D0D
A87952
BFA369
BCC49B
E3DBAA
—
4.4
AA Large
6.9
AA
9.2
AAA
12.0
AAA
4.4
AA Large
—
1.6
Fail
2.1
Fail
2.7
Fail
6.9
AA
1.6
Fail
—
1.3
Fail
1.7
Fail
9.2
AAA
2.1
Fail
1.3
Fail
—
1.3
Fail
12.0
AAA
2.7
Fail
1.7
Fail
1.3
Fail
—
White BG
16.8AAA
3.8AA Large
2.4Fail
1.8Fail
1.4Fail
Black BG
1.2Fail
5.5AA
8.7AAA
11.5AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

27270D
94935B
B3B377
BFC0A5
E0DFB6

Deuteranopia

2A2D0D
969A5E
B5B77A
BFBEA7
E0E1B9

Tritanopia

390D0D
A66365
BE8285
BCADAE
E3BFC1

Achromatopsia

1B1B1B
838383
A5A5A5
BDBDBD
D8D8D8

Shades & Tints Shades & Tints

#3B0D0D

Dark
Light

#A87952

Dark
Light

#BFA369

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b0d0d;
  --color-2: #a87952;
  --color-3: #bfa369;
  --color-4: #bcc49b;
  --color-5: #e3dbaa;
}

SCSS

$color-1: #3b0d0d;
$color-2: #a87952;
$color-3: #bfa369;
$color-4: #bcc49b;
$color-5: #e3dbaa;

TAILWIND

colors: {
  'brand-1': '#3b0d0d',
  'brand-2': '#a87952',
  'brand-3': '#bfa369',
  'brand-4': '#bcc49b',
  'brand-5': '#e3dbaa',
}

RGB Array

[59, 13, 13], [168, 121, 82], [191, 163, 105], [188, 196, 155], [227, 219, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #3B0D0D, #A87952, #BFA369, #BCC49B, #E3DBAA 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: #3b0d0d; --color-2: #a87952; --color-3: #bfa369; --color-4: #bcc49b; --color-5: #e3dbaa. 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