← Back to Editor

#E3B88D · #C09068 · #DC4228 · #8A3D2B · #482C20

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

#E3B88D

Goose Yellow · BurlyWood · Warm Sun

HEX
#E3B88D
RGB
rgb(227, 184, 141)
HSL
hsl(30, 61%, 72%)
HSB
hsb(30, 38%, 89%)
CMYK
cmyk(0%, 19%, 38%, 11%)
Oklch
oklch(81.1% 0.076 66.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C09068

Tangerine · DarkSalmon · Warm Sun

HEX
#C09068
RGB
rgb(192, 144, 104)
HSL
hsl(27, 41%, 58%)
HSB
hsb(27, 46%, 75%)
CMYK
cmyk(0%, 25%, 46%, 25%)
Oklch
oklch(69.0% 0.080 60.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#DC4228

Vermilion · Chocolate · Passion Red

HEX
#DC4228
RGB
rgb(220, 66, 40)
HSL
hsl(9, 72%, 51%)
HSB
hsb(9, 82%, 86%)
CMYK
cmyk(0%, 70%, 82%, 14%)
Oklch
oklch(60.0% 0.195 32.1)

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

#8A3D2B

Crimson · Sienna · Wine Red

HEX
#8A3D2B
RGB
rgb(138, 61, 43)
HSL
hsl(11, 52%, 35%)
HSB
hsb(11, 69%, 54%)
CMYK
cmyk(0%, 56%, 69%, 46%)
Oklch
oklch(45.9% 0.110 34.5)

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

#482C20

Tangerine · DarkSlateGray · Cinnamon

HEX
#482C20
RGB
rgb(72, 44, 32)
HSL
hsl(18, 38%, 20%)
HSB
hsb(18, 56%, 28%)
CMYK
cmyk(0%, 39%, 56%, 72%)
Oklch
oklch(32.4% 0.046 43.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3B88D
8CB8E3

Analogous

E38C8C
E3B88D
E3E38C

Triadic

E3B88D
8CE3B8
B88CE3

Split-Comp.

E3B88D
8CE3E3
8C8CE3

Tetradic

E3B88D
8CE38C
8CB8E3
E38CE3

Contrast Matrix WCAG 2.1 Contrast

E3B88D
C09068
DC4228
8A3D2B
482C20
—
1.5
Fail
2.4
Fail
4.1
AA Large
6.9
AA
1.5
Fail
—
1.5
Fail
2.7
Fail
4.5
AA Large
2.4
Fail
1.5
Fail
—
1.7
Fail
2.9
Fail
4.1
AA Large
2.7
Fail
1.7
Fail
—
1.7
Fail
6.9
AA
4.5
AA Large
2.9
Fail
1.7
Fail
—
White BG
1.8Fail
2.8Fail
4.3AA Large
7.5AAA
12.7AAA
Black BG
11.5AAA
7.4AAA
4.9AA
2.8Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D097
ABAB72
99982E
69682F
3C3C23

Deuteranopia

D3D69A
AEB274
A2AE30
6D7330
3E4024

Tritanopia

E1A0A1
BE797B
D43334
863334
472526

Achromatopsia

C0C0C0
9A9A9A
6D6D6D
525252
333333

Shades & Tints Shades & Tints

#E3B88D

Dark
Light

#C09068

Dark
Light

#DC4228

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3b88d;
  --color-2: #c09068;
  --color-3: #dc4228;
  --color-4: #8a3d2b;
  --color-5: #482c20;
}

SCSS

$color-1: #e3b88d;
$color-2: #c09068;
$color-3: #dc4228;
$color-4: #8a3d2b;
$color-5: #482c20;

TAILWIND

colors: {
  'brand-1': '#e3b88d',
  'brand-2': '#c09068',
  'brand-3': '#dc4228',
  'brand-4': '#8a3d2b',
  'brand-5': '#482c20',
}

RGB Array

[227, 184, 141], [192, 144, 104], [220, 66, 40], [138, 61, 43], [72, 44, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E3B88D, #C09068, #DC4228, #8A3D2B, #482C20 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: #e3b88d; --color-2: #c09068; --color-3: #dc4228; --color-4: #8a3d2b; --color-5: #482c20. 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