← Back to Editor

#C3B7BD · #4C3E45 · #F6E5D7 · #C9D2CB · #86BAAA

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#C3B7BD

Rouge · Silver · Pearl Gray

HEX
#C3B7BD
RGB
rgb(195, 183, 189)
HSL
hsl(330, 9%, 74%)
HSB
hsb(330, 6%, 76%)
CMYK
cmyk(0%, 6%, 3%, 24%)
Oklch
oklch(79.1% 0.016 345.7)

Traditional「Rouge」· Paint「Pearl Gray」· Creative Silver Lining

#4C3E45

Dark Violet · DarkSlateGray · Camellia

HEX
#4C3E45
RGB
rgb(76, 62, 69)
HSL
hsl(330, 10%, 27%)
HSB
hsb(330, 18%, 30%)
CMYK
cmyk(0%, 18%, 9%, 70%)
Oklch
oklch(38.1% 0.022 346.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F6E5D7

Apricot · Beige · Peach Orange

HEX
#F6E5D7
RGB
rgb(246, 229, 215)
HSL
hsl(27, 63%, 90%)
HSB
hsb(27, 13%, 96%)
CMYK
cmyk(0%, 7%, 13%, 4%)
Oklch
oklch(93.2% 0.026 62.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C9D2CB

Celadon · LightGray · Pearl Gray

HEX
#C9D2CB
RGB
rgb(201, 210, 203)
HSL
hsl(133, 9%, 81%)
HSB
hsb(133, 4%, 82%)
CMYK
cmyk(4%, 0%, 3%, 18%)
Oklch
oklch(85.5% 0.014 152.6)

Traditional「Celadon」· Paint「Pearl Gray」· Creative Silver Lining

#86BAAA

Jade · DarkSeaGreen · Lake Green

HEX
#86BAAA
RGB
rgb(134, 186, 170)
HSL
hsl(162, 27%, 63%)
HSB
hsb(162, 28%, 73%)
CMYK
cmyk(28%, 0%, 9%, 27%)
Oklch
oklch(74.8% 0.059 173.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3B7BD
B7C3BD

Analogous

C3B7C3
C3B7BD
C3B7B7

Triadic

C3B7BD
BDC3B7
B7BDC3

Split-Comp.

C3B7BD
B7C3B7
B7C3C3

Tetradic

C3B7BD
C3C3B7
B7C3BD
B7B7C3

Contrast Matrix WCAG 2.1 Contrast

C3B7BD
4C3E45
F6E5D7
C9D2CB
86BAAA
—
5.2
AA
1.6
Fail
1.3
Fail
1.1
Fail
5.2
AA
—
8.2
AAA
6.5
AA
4.6
AA
1.6
Fail
8.2
AAA
—
1.3
Fail
1.8
Fail
1.3
Fail
6.5
AA
1.3
Fail
—
1.4
Fail
1.1
Fail
4.6
AA
1.8
Fail
1.4
Fail
—
White BG
1.9Fail
10.1AAA
1.2Fail
1.5Fail
2.2Fail
Black BG
10.8AAA
2.1Fail
17.1AAA
13.6AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBEBC
464643
EFEEDA
CDCDCD
9D9DAE

Deuteranopia

BFBFBB
474843
F0F1DB
CCCCCD
9A96AF

Tritanopia

C2BABA
4B4242
F5DDDE
C9CECE
89B1B2

Achromatopsia

BBBBBB
434343
E8E8E8
CFCFCF
A9A9A9

Shades & Tints Shades & Tints

#C3B7BD

Dark
Light

#4C3E45

Dark
Light

#F6E5D7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3b7bd;
  --color-2: #4c3e45;
  --color-3: #f6e5d7;
  --color-4: #c9d2cb;
  --color-5: #86baaa;
}

SCSS

$color-1: #c3b7bd;
$color-2: #4c3e45;
$color-3: #f6e5d7;
$color-4: #c9d2cb;
$color-5: #86baaa;

TAILWIND

colors: {
  'brand-1': '#c3b7bd',
  'brand-2': '#4c3e45',
  'brand-3': '#f6e5d7',
  'brand-4': '#c9d2cb',
  'brand-5': '#86baaa',
}

RGB Array

[195, 183, 189], [76, 62, 69], [246, 229, 215], [201, 210, 203], [134, 186, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C3B7BD, #4C3E45, #F6E5D7, #C9D2CB, #86BAAA is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c3b7bd; --color-2: #4c3e45; --color-3: #f6e5d7; --color-4: #c9d2cb; --color-5: #86baaa. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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