← Back to Editor

#4E6F76 · #94A79D · #BCC692 · #F1D4A5 · #D7BC96

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

#4E6F76

Slate Blue · DimGray · Mint Ice

HEX
#4E6F76
RGB
rgb(78, 111, 118)
HSL
hsl(191, 20%, 38%)
HSB
hsb(191, 34%, 46%)
CMYK
cmyk(34%, 6%, 0%, 54%)
Oklch
oklch(51.9% 0.039 212.2)

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

#94A79D

Celadon · DarkGray · Apple Green

HEX
#94A79D
RGB
rgb(148, 167, 157)
HSL
hsl(148, 10%, 62%)
HSB
hsb(148, 11%, 65%)
CMYK
cmyk(11%, 0%, 6%, 35%)
Oklch
oklch(71.1% 0.026 162.8)

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

#BCC692

Willow Green · Tan · Apple Green

HEX
#BCC692
RGB
rgb(188, 198, 146)
HSL
hsl(72, 31%, 67%)
HSB
hsb(72, 26%, 78%)
CMYK
cmyk(5%, 0%, 26%, 22%)
Oklch
oklch(80.6% 0.071 116.9)

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

#F1D4A5

Goose Yellow · Wheat · Peach Orange

HEX
#F1D4A5
RGB
rgb(241, 212, 165)
HSL
hsl(37, 73%, 80%)
HSB
hsb(37, 32%, 95%)
CMYK
cmyk(0%, 12%, 32%, 5%)
Oklch
oklch(88.3% 0.069 79.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D7BC96

Goose Yellow · Tan · Warm Sun

HEX
#D7BC96
RGB
rgb(215, 188, 150)
HSL
hsl(35, 45%, 72%)
HSB
hsb(35, 30%, 84%)
CMYK
cmyk(0%, 13%, 30%, 16%)
Oklch
oklch(80.9% 0.059 76.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4E6F76
74554E

Analogous

4E7468
4E6F76
4E5A74

Triadic

4E6F76
744E6D
6D744E

Split-Comp.

4E6F76
744E5A
74684E

Tetradic

4E6F76
684E74
74554E
5A744E

Contrast Matrix WCAG 2.1 Contrast

4E6F76
94A79D
BCC692
F1D4A5
D7BC96
—
2.1
Fail
3.0
AA Large
3.8
AA Large
3.0
Fail
2.1
Fail
—
1.4
Fail
1.8
Fail
1.4
Fail
3.0
AA Large
1.4
Fail
—
1.3
Fail
1.0
Fail
3.8
AA Large
1.8
Fail
1.3
Fail
—
1.3
Fail
3.0
Fail
1.4
Fail
1.0
Fail
1.3
Fail
—
White BG
5.4AA
2.5Fail
1.8Fail
1.4Fail
1.8Fail
Black BG
3.9AA Large
8.3AAA
11.6AAA
14.7AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5D74
9C9C9F
C0C09F
E4E4B0
CBCB9F

Deuteranopia

5A5874
9B9AA0
C0BFA2
E6E8B3
CDCFA1

Tritanopia

507373
95A1A2
BDA9AB
F0B9BB
D6A6A8

Achromatopsia

666666
A0A0A0
BDBDBD
D7D7D7
C0C0C0

Shades & Tints Shades & Tints

#4E6F76

Dark
Light

#94A79D

Dark
Light

#BCC692

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4e6f76;
  --color-2: #94a79d;
  --color-3: #bcc692;
  --color-4: #f1d4a5;
  --color-5: #d7bc96;
}

SCSS

$color-1: #4e6f76;
$color-2: #94a79d;
$color-3: #bcc692;
$color-4: #f1d4a5;
$color-5: #d7bc96;

TAILWIND

colors: {
  'brand-1': '#4e6f76',
  'brand-2': '#94a79d',
  'brand-3': '#bcc692',
  'brand-4': '#f1d4a5',
  'brand-5': '#d7bc96',
}

RGB Array

[78, 111, 118], [148, 167, 157], [188, 198, 146], [241, 212, 165], [215, 188, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #4E6F76, #94A79D, #BCC692, #F1D4A5, #D7BC96 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: #4e6f76; --color-2: #94a79d; --color-3: #bcc692; --color-4: #f1d4a5; --color-5: #d7bc96. 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