← Back to Editor

#4B3A32 · #8A7560 · #E4E2C9 · #1A8D9F · #104F60

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

#4B3A32

Tangerine · DarkSlateGray · Cinnamon

HEX
#4B3A32
RGB
rgb(75, 58, 50)
HSL
hsl(19, 20%, 25%)
HSB
hsb(19, 33%, 29%)
CMYK
cmyk(0%, 23%, 33%, 71%)
Oklch
oklch(36.5% 0.028 46.5)

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

#8A7560

Ochre · Gray · Amber Brown

HEX
#8A7560
RGB
rgb(138, 117, 96)
HSL
hsl(30, 18%, 46%)
HSB
hsb(30, 30%, 54%)
CMYK
cmyk(0%, 15%, 30%, 46%)
Oklch
oklch(57.6% 0.041 66.9)

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

#E4E2C9

Fresh Green · LightGray · Lemon Cream

HEX
#E4E2C9
RGB
rgb(228, 226, 201)
HSL
hsl(56, 33%, 84%)
HSB
hsb(56, 12%, 89%)
CMYK
cmyk(0%, 1%, 12%, 11%)
Oklch
oklch(90.8% 0.033 103.3)

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

#1A8D9F

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1A8D9F
RGB
rgb(26, 141, 159)
HSL
hsl(188, 72%, 36%)
HSB
hsb(188, 84%, 62%)
CMYK
cmyk(84%, 11%, 0%, 38%)
Oklch
oklch(59.2% 0.097 211.3)

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

#104F60

Lake Blue · DarkSlateGray · Peacock Green

HEX
#104F60
RGB
rgb(16, 79, 96)
HSL
hsl(193, 71%, 22%)
HSB
hsb(193, 83%, 38%)
CMYK
cmyk(83%, 18%, 0%, 62%)
Oklch
oklch(39.8% 0.066 220.7)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B3A32
33444D

Analogous

4D3338
4B3A32
4D4833

Triadic

4B3A32
334D3B
3B334D

Split-Comp.

4B3A32
334D48
33384D

Tetradic

4B3A32
384D33
33444D
48334D

Contrast Matrix WCAG 2.1 Contrast

4B3A32
8A7560
E4E2C9
1A8D9F
104F60
—
2.5
Fail
8.2
AAA
2.7
Fail
1.2
Fail
2.5
Fail
—
3.3
AA Large
1.1
Fail
2.1
Fail
8.2
AAA
3.3
AA Large
—
3.0
Fail
6.9
AA
2.7
Fail
1.1
Fail
3.0
Fail
—
2.3
Fail
1.2
Fail
2.1
Fail
6.9
AA
2.3
Fail
—
White BG
10.8AAA
4.4AA Large
1.3Fail
3.9AA Large
9.1AAA
Black BG
2.0Fail
4.8AA
16.0AAA
5.4AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

444334
818165
E3E3CF
4C4D9B
2B2C5C

Deuteranopia

454634
828466
E3E3D1
453D9A
28235B

Tritanopia

4A3536
89696A
E4D4D5
209796
135958

Achromatopsia

3E3E3E
797979
E0E0E0
6D6D6D
3E3E3E

Shades & Tints Shades & Tints

#4B3A32

Dark
Light

#8A7560

Dark
Light

#E4E2C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b3a32;
  --color-2: #8a7560;
  --color-3: #e4e2c9;
  --color-4: #1a8d9f;
  --color-5: #104f60;
}

SCSS

$color-1: #4b3a32;
$color-2: #8a7560;
$color-3: #e4e2c9;
$color-4: #1a8d9f;
$color-5: #104f60;

TAILWIND

colors: {
  'brand-1': '#4b3a32',
  'brand-2': '#8a7560',
  'brand-3': '#e4e2c9',
  'brand-4': '#1a8d9f',
  'brand-5': '#104f60',
}

RGB Array

[75, 58, 50], [138, 117, 96], [228, 226, 201], [26, 141, 159], [16, 79, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #4B3A32, #8A7560, #E4E2C9, #1A8D9F, #104F60 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: #4b3a32; --color-2: #8a7560; --color-3: #e4e2c9; --color-4: #1a8d9f; --color-5: #104f60. 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