← Back to Editor

#FCDCBB · #CCC8AB · #9AB8A1 · #42A69C · #06948D

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

#FCDCBB

Goose Yellow · Wheat · Peach Orange

HEX
#FCDCBB
RGB
rgb(252, 220, 187)
HSL
hsl(30, 92%, 86%)
HSB
hsb(30, 26%, 99%)
CMYK
cmyk(0%, 13%, 26%, 1%)
Oklch
oklch(91.3% 0.056 67.9)

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

#CCC8AB

Fresh Green · Silver · Sunflower

HEX
#CCC8AB
RGB
rgb(204, 200, 171)
HSL
hsl(53, 24%, 74%)
HSB
hsb(53, 16%, 80%)
CMYK
cmyk(0%, 2%, 16%, 20%)
Oklch
oklch(82.8% 0.039 100.7)

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

#9AB8A1

Celadon · DarkSeaGreen · Apple Green

HEX
#9AB8A1
RGB
rgb(154, 184, 161)
HSL
hsl(134, 17%, 66%)
HSB
hsb(134, 16%, 72%)
CMYK
cmyk(16%, 0%, 13%, 28%)
Oklch
oklch(75.4% 0.046 152.2)

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

#42A69C

Mineral Blue · CadetBlue · Mint Ice

HEX
#42A69C
RGB
rgb(66, 166, 156)
HSL
hsl(174, 43%, 45%)
HSB
hsb(174, 60%, 65%)
CMYK
cmyk(60%, 0%, 6%, 35%)
Oklch
oklch(66.4% 0.094 186.1)

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

#06948D

Mineral Blue · Teal · Mint Ice

HEX
#06948D
RGB
rgb(6, 148, 141)
HSL
hsl(177, 92%, 30%)
HSB
hsb(177, 96%, 58%)
CMYK
cmyk(96%, 0%, 5%, 42%)
Oklch
oklch(60.1% 0.103 188.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCDCBB
BADBFC

Analogous

FCBABA
FCDCBB
FCFCBA

Triadic

FCDCBB
BAFCDB
DBBAFC

Split-Comp.

FCDCBB
BAFCFC
BABAFC

Tetradic

FCDCBB
BAFCBA
BADBFC
FCBAFC

Contrast Matrix WCAG 2.1 Contrast

FCDCBB
CCC8AB
9AB8A1
42A69C
06948D
—
1.3
Fail
1.7
Fail
2.2
Fail
2.9
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
2.2
Fail
1.7
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
2.2
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
2.9
Fail
2.2
Fail
1.7
Fail
1.3
Fail
—
White BG
1.3Fail
1.7Fail
2.2Fail
2.9Fail
3.7AA Large
Black BG
16.1AAA
12.4AAA
9.7AAA
7.2AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEC3
CACAB2
A7A7A7
6D6E9E
43458F

Deuteranopia

F0F2C5
CBCBB4
A5A3A8
68609F
3B318F

Tritanopia

FAC9CB
CCB8B9
9BABAC
47A0A1
0D9090

Achromatopsia

E2E2E2
C6C6C6
ACACAC
878787
696969

Shades & Tints Shades & Tints

#FCDCBB

Dark
Light

#CCC8AB

Dark
Light

#9AB8A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcdcbb;
  --color-2: #ccc8ab;
  --color-3: #9ab8a1;
  --color-4: #42a69c;
  --color-5: #06948d;
}

SCSS

$color-1: #fcdcbb;
$color-2: #ccc8ab;
$color-3: #9ab8a1;
$color-4: #42a69c;
$color-5: #06948d;

TAILWIND

colors: {
  'brand-1': '#fcdcbb',
  'brand-2': '#ccc8ab',
  'brand-3': '#9ab8a1',
  'brand-4': '#42a69c',
  'brand-5': '#06948d',
}

RGB Array

[252, 220, 187], [204, 200, 171], [154, 184, 161], [66, 166, 156], [6, 148, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FCDCBB, #CCC8AB, #9AB8A1, #42A69C, #06948D 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: #fcdcbb; --color-2: #ccc8ab; --color-3: #9ab8a1; --color-4: #42a69c; --color-5: #06948d. 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