← Back to Editor

#4A6667 · #925D63 · #BD6F62 · #F8BD63 · #FECF9B

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

#4A6667

Slate Blue · DimGray · Mint Ice

HEX
#4A6667
RGB
rgb(74, 102, 103)
HSL
hsl(182, 16%, 35%)
HSB
hsb(182, 28%, 40%)
CMYK
cmyk(28%, 1%, 0%, 60%)
Oklch
oklch(48.9% 0.033 198.9)

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

#925D63

Crimson · DimGray · Passion Red

HEX
#925D63
RGB
rgb(146, 93, 99)
HSL
hsl(353, 22%, 47%)
HSB
hsb(353, 36%, 57%)
CMYK
cmyk(0%, 36%, 32%, 43%)
Oklch
oklch(53.8% 0.070 12.3)

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

#BD6F62

Crimson · LightCoral · Passion Red

HEX
#BD6F62
RGB
rgb(189, 111, 98)
HSL
hsl(9, 41%, 56%)
HSB
hsb(9, 48%, 74%)
CMYK
cmyk(0%, 41%, 48%, 26%)
Oklch
oklch(62.4% 0.102 30.3)

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

#F8BD63

Ginger · SandyBrown · Warm Sun

HEX
#F8BD63
RGB
rgb(248, 189, 99)
HSL
hsl(36, 91%, 68%)
HSB
hsb(36, 60%, 97%)
CMYK
cmyk(0%, 24%, 60%, 3%)
Oklch
oklch(83.5% 0.127 76.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FECF9B

Goose Yellow · Wheat · Peach Orange

HEX
#FECF9B
RGB
rgb(254, 207, 155)
HSL
hsl(32, 98%, 80%)
HSB
hsb(32, 39%, 100%)
CMYK
cmyk(0%, 19%, 39%, 0%)
Oklch
oklch(88.3% 0.086 69.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A6667
684C4B

Analogous

4B685A
4A6667
4B5868

Triadic

4A6667
684B67
67684B

Split-Comp.

4A6667
684B58
685A4B

Tetradic

4A6667
5A4B68
684C4B
58684B

Contrast Matrix WCAG 2.1 Contrast

4A6667
925D63
BD6F62
F8BD63
FECF9B
—
1.2
Fail
1.7
Fail
3.7
AA Large
4.3
AA Large
1.2
Fail
—
1.4
Fail
3.1
AA Large
3.7
AA Large
1.7
Fail
1.4
Fail
—
2.2
Fail
2.6
Fail
3.7
AA Large
3.1
AA Large
2.2
Fail
—
1.2
Fail
4.3
AA Large
3.7
AA Large
2.6
Fail
1.2
Fail
—
White BG
6.2AA
5.3AA
3.7AA Large
1.7Fail
1.4Fail
Black BG
3.4AA Large
4.0AA Large
5.6AA
12.5AAA
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565667
7B7B62
9B9B65
DEDE79
EAE9A8

Deuteranopia

555267
7E8261
A0A666
E2E67E
ECF0AB

Tritanopia

4B6767
8F6060
B96868
F58A8E
FCB2B4

Achromatopsia

5E5E5E
6E6E6E
858585
C4C4C4
D7D7D7

Shades & Tints Shades & Tints

#4A6667

Dark
Light

#925D63

Dark
Light

#BD6F62

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a6667;
  --color-2: #925d63;
  --color-3: #bd6f62;
  --color-4: #f8bd63;
  --color-5: #fecf9b;
}

SCSS

$color-1: #4a6667;
$color-2: #925d63;
$color-3: #bd6f62;
$color-4: #f8bd63;
$color-5: #fecf9b;

TAILWIND

colors: {
  'brand-1': '#4a6667',
  'brand-2': '#925d63',
  'brand-3': '#bd6f62',
  'brand-4': '#f8bd63',
  'brand-5': '#fecf9b',
}

RGB Array

[74, 102, 103], [146, 93, 99], [189, 111, 98], [248, 189, 99], [254, 207, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #4A6667, #925D63, #BD6F62, #F8BD63, #FECF9B 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: #4a6667; --color-2: #925d63; --color-3: #bd6f62; --color-4: #f8bd63; --color-5: #fecf9b. 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