← Back to Editor

#F6E5DD · #C9C9CB · #9BAEB9 · #6D91A6 · #52809B

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

#F6E5DD

Apricot · Linen · Peach Orange

HEX
#F6E5DD
RGB
rgb(246, 229, 221)
HSL
hsl(19, 58%, 92%)
HSB
hsb(19, 10%, 96%)
CMYK
cmyk(0%, 7%, 10%, 4%)
Oklch
oklch(93.3% 0.022 47.0)

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

#C9C9CB

Silver Gray · LightGray · Pearl Gray

HEX
#C9C9CB
RGB
rgb(201, 201, 203)
HSL
hsl(240, 2%, 79%)
HSB
hsb(240, 1%, 80%)
CMYK
cmyk(1%, 1%, 0%, 20%)
Oklch
oklch(83.6% 0.003 286.3)

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

#9BAEB9

Sky Blue · DarkGray · Cobalt Blue

HEX
#9BAEB9
RGB
rgb(155, 174, 185)
HSL
hsl(202, 18%, 67%)
HSB
hsb(202, 16%, 73%)
CMYK
cmyk(16%, 6%, 0%, 27%)
Oklch
oklch(74.0% 0.027 233.1)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#6D91A6

Slate Blue · LightSlateGray · Navy Blue

HEX
#6D91A6
RGB
rgb(109, 145, 166)
HSL
hsl(202, 24%, 54%)
HSB
hsb(202, 34%, 65%)
CMYK
cmyk(34%, 13%, 0%, 35%)
Oklch
oklch(63.7% 0.051 234.2)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#52809B

Slate Blue · SteelBlue · Navy Blue

HEX
#52809B
RGB
rgb(82, 128, 155)
HSL
hsl(202, 31%, 46%)
HSB
hsb(202, 47%, 61%)
CMYK
cmyk(47%, 17%, 0%, 39%)
Oklch
oklch(57.7% 0.065 235.3)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6E5DD
DFEFF6

Analogous

F6DFE3
F6E5DD
F6F2DF

Triadic

F6E5DD
DFF6E6
E6DFF6

Split-Comp.

F6E5DD
DFF6F2
DFE3F6

Tetradic

F6E5DD
E3F6DF
DFEFF6
F2DFF6

Contrast Matrix WCAG 2.1 Contrast

F6E5DD
C9C9CB
9BAEB9
6D91A6
52809B
—
1.4
Fail
1.9
Fail
2.7
Fail
3.5
AA Large
1.4
Fail
—
1.4
Fail
2.0
Fail
2.6
Fail
1.9
Fail
1.4
Fail
—
1.5
Fail
1.9
Fail
2.7
Fail
2.0
Fail
1.5
Fail
—
1.3
Fail
3.5
AA Large
2.6
Fail
1.9
Fail
1.3
Fail
—
White BG
1.2Fail
1.7Fail
2.3Fail
3.4AA Large
4.3AA Large
Black BG
17.2AAA
12.7AAA
9.1AAA
6.3AA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEEDF
C9C9CB
A3A3B6
7D7DA1
666694

Deuteranopia

F0F1DF
C9C9CA
A2A1B6
7B78A0
636093

Tritanopia

F5E0E1
C9CACA
9CB4B4
6F9D9C
548F8E

Achromatopsia

E9E9E9
C9C9C9
AAAAAA
898989
757575

Shades & Tints Shades & Tints

#F6E5DD

Dark
Light

#C9C9CB

Dark
Light

#9BAEB9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6e5dd;
  --color-2: #c9c9cb;
  --color-3: #9baeb9;
  --color-4: #6d91a6;
  --color-5: #52809b;
}

SCSS

$color-1: #f6e5dd;
$color-2: #c9c9cb;
$color-3: #9baeb9;
$color-4: #6d91a6;
$color-5: #52809b;

TAILWIND

colors: {
  'brand-1': '#f6e5dd',
  'brand-2': '#c9c9cb',
  'brand-3': '#9baeb9',
  'brand-4': '#6d91a6',
  'brand-5': '#52809b',
}

RGB Array

[246, 229, 221], [201, 201, 203], [155, 174, 185], [109, 145, 166], [82, 128, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F6E5DD, #C9C9CB, #9BAEB9, #6D91A6, #52809B 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: #f6e5dd; --color-2: #c9c9cb; --color-3: #9baeb9; --color-4: #6d91a6; --color-5: #52809b. 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