← Back to Editor

#C6CAA7 · #D7DBB6 · #191538 · #89AC98 · #F3EDC9

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

#C6CAA7

Fresh Green · Silver · Sunflower

HEX
#C6CAA7
RGB
rgb(198, 202, 167)
HSL
hsl(67, 25%, 72%)
HSB
hsb(67, 17%, 79%)
CMYK
cmyk(2%, 0%, 17%, 21%)
Oklch
oklch(82.7% 0.047 112.7)

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

#D7DBB6

Fresh Green · Wheat · Lemon Cream

HEX
#D7DBB6
RGB
rgb(215, 219, 182)
HSL
hsl(66, 34%, 79%)
HSB
hsb(66, 17%, 86%)
CMYK
cmyk(2%, 0%, 17%, 14%)
Oklch
oklch(87.9% 0.049 112.4)

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

#191538

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#191538
RGB
rgb(25, 21, 56)
HSL
hsl(247, 45%, 15%)
HSB
hsb(247, 63%, 22%)
CMYK
cmyk(55%, 62%, 0%, 78%)
Oklch
oklch(22.3% 0.066 284.9)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#89AC98

Celadon · DarkSeaGreen · Apple Green

HEX
#89AC98
RGB
rgb(137, 172, 152)
HSL
hsl(146, 17%, 61%)
HSB
hsb(146, 20%, 67%)
CMYK
cmyk(20%, 0%, 12%, 33%)
Oklch
oklch(71.3% 0.048 159.8)

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

#F3EDC9

Fresh Green · Bisque · Lemon Cream

HEX
#F3EDC9
RGB
rgb(243, 237, 201)
HSL
hsl(51, 64%, 87%)
HSB
hsb(51, 17%, 95%)
CMYK
cmyk(0%, 2%, 17%, 5%)
Oklch
oklch(94.2% 0.047 99.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6CAA7
AAA6C9

Analogous

C9BCA6
C6CAA7
B3C9A6

Triadic

C6CAA7
A6C5C9
C9A6C5

Split-Comp.

C6CAA7
A6B3C9
BCA6C9

Tetradic

C6CAA7
A6C9BC
AAA6C9
C9A6B3

Contrast Matrix WCAG 2.1 Contrast

C6CAA7
D7DBB6
191538
89AC98
F3EDC9
—
1.2
Fail
10.3
AAA
1.5
Fail
1.4
Fail
1.2
Fail
—
12.2
AAA
1.7
Fail
1.2
Fail
10.3
AAA
12.2
AAA
—
7.0
AA
14.7
AAA
1.5
Fail
1.7
Fail
7.0
AA
—
2.1
Fail
1.4
Fail
1.2
Fail
14.7
AAA
2.1
Fail
—
White BG
1.7Fail
1.4Fail
17.4AAA
2.5Fail
1.2Fail
Black BG
12.4AAA
14.7AAA
1.2Fail
8.4AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8AF
D9D9BF
171730
98989D
F0F0D2

Deuteranopia

C8C7B2
D9D8C1
18182D
96949E
F1F1D4

Tritanopia

C6B6B8
D7C6C8
192927
8BA1A2
F3D9DA

Achromatopsia

C5C5C5
D6D6D6
1A1A1A
9F9F9F
EBEBEB

Shades & Tints Shades & Tints

#C6CAA7

Dark
Light

#D7DBB6

Dark
Light

#191538

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6caa7;
  --color-2: #d7dbb6;
  --color-3: #191538;
  --color-4: #89ac98;
  --color-5: #f3edc9;
}

SCSS

$color-1: #c6caa7;
$color-2: #d7dbb6;
$color-3: #191538;
$color-4: #89ac98;
$color-5: #f3edc9;

TAILWIND

colors: {
  'brand-1': '#c6caa7',
  'brand-2': '#d7dbb6',
  'brand-3': '#191538',
  'brand-4': '#89ac98',
  'brand-5': '#f3edc9',
}

RGB Array

[198, 202, 167], [215, 219, 182], [25, 21, 56], [137, 172, 152], [243, 237, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C6CAA7, #D7DBB6, #191538, #89AC98, #F3EDC9 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: #c6caa7; --color-2: #d7dbb6; --color-3: #191538; --color-4: #89ac98; --color-5: #f3edc9. 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