← Back to Editor

#C6CDC5 · #8AA793 · #855A23 · #3F1C22 · #46756F

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

#C6CDC5

Silver Gray · Silver · Pearl Gray

HEX
#C6CDC5
RGB
rgb(198, 205, 197)
HSL
hsl(113, 7%, 79%)
HSB
hsb(113, 4%, 80%)
CMYK
cmyk(3%, 0%, 4%, 20%)
Oklch
oklch(84.1% 0.013 141.8)

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

#8AA793

Celadon · DarkSeaGreen · Olive Green

HEX
#8AA793
RGB
rgb(138, 167, 147)
HSL
hsl(139, 14%, 60%)
HSB
hsb(139, 17%, 65%)
CMYK
cmyk(17%, 0%, 12%, 35%)
Oklch
oklch(70.1% 0.043 155.0)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#855A23

Ochre · Sienna · Amber Brown

HEX
#855A23
RGB
rgb(133, 90, 35)
HSL
hsl(34, 58%, 33%)
HSB
hsb(34, 74%, 52%)
CMYK
cmyk(0%, 32%, 74%, 48%)
Oklch
oklch(50.3% 0.090 69.5)

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

#3F1C22

Crimson · DarkSlateGray · Deep Berry

HEX
#3F1C22
RGB
rgb(63, 28, 34)
HSL
hsl(350, 38%, 18%)
HSB
hsb(350, 56%, 25%)
CMYK
cmyk(0%, 56%, 46%, 75%)
Oklch
oklch(27.8% 0.055 10.5)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#46756F

Mineral Blue · DimGray · Mint Ice

HEX
#46756F
RGB
rgb(70, 117, 111)
HSL
hsl(172, 25%, 37%)
HSB
hsb(172, 40%, 46%)
CMYK
cmyk(40%, 0%, 5%, 54%)
Oklch
oklch(52.7% 0.052 185.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6CDC5
CCC6CD

Analogous

CACDC6
C6CDC5
C6CDC9

Triadic

C6CDC5
C6C7CD
CDC6C7

Split-Comp.

C6CDC5
C9C6CD
CDC6CA

Tetradic

C6CDC5
C6CACD
CCC6CD
CDC9C6

Contrast Matrix WCAG 2.1 Contrast

C6CDC5
8AA793
855A23
3F1C22
46756F
—
1.6
Fail
3.7
AA Large
9.2
AAA
3.2
AA Large
1.6
Fail
—
2.3
Fail
5.7
AA
2.0
Fail
3.7
AA Large
2.3
Fail
—
2.5
Fail
1.2
Fail
9.2
AAA
5.7
AA
2.5
Fail
—
2.9
Fail
3.2
AA Large
2.0
Fail
1.2
Fail
2.9
Fail
—
White BG
1.6Fail
2.6Fail
6.0AA
15.0AAA
5.2AA
Black BG
12.9AAA
8.0AAA
3.5AA Large
1.4Fail
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9C7
979798
727230
303021
5A5B70

Deuteranopia

C9C8C7
959399
757834
323420
585471

Tritanopia

C6C8C9
8B9C9D
833B3D
3D1F1F
487272

Achromatopsia

CACACA
9C9C9C
616161
272727
666666

Shades & Tints Shades & Tints

#C6CDC5

Dark
Light

#8AA793

Dark
Light

#855A23

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6cdc5;
  --color-2: #8aa793;
  --color-3: #855a23;
  --color-4: #3f1c22;
  --color-5: #46756f;
}

SCSS

$color-1: #c6cdc5;
$color-2: #8aa793;
$color-3: #855a23;
$color-4: #3f1c22;
$color-5: #46756f;

TAILWIND

colors: {
  'brand-1': '#c6cdc5',
  'brand-2': '#8aa793',
  'brand-3': '#855a23',
  'brand-4': '#3f1c22',
  'brand-5': '#46756f',
}

RGB Array

[198, 205, 197], [138, 167, 147], [133, 90, 35], [63, 28, 34], [70, 117, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C6CDC5, #8AA793, #855A23, #3F1C22, #46756F is ideal for: brand design, premium product pages, magazine layouts, 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: #c6cdc5; --color-2: #8aa793; --color-3: #855a23; --color-4: #3f1c22; --color-5: #46756f. 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. 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