← Back to Editor

#D3C0BE · #CAC8F8 · #899C97 · #6A633E · #A45069

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

#D3C0BE

Peach Pink · Silver · Coral Red

HEX
#D3C0BE
RGB
rgb(211, 192, 190)
HSL
hsl(6, 19%, 79%)
HSB
hsb(6, 10%, 83%)
CMYK
cmyk(0%, 9%, 10%, 17%)
Oklch
oklch(82.3% 0.022 24.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CAC8F8

Wisteria · LightSteelBlue · Sky Blue

HEX
#CAC8F8
RGB
rgb(202, 200, 248)
HSL
hsl(242, 77%, 88%)
HSB
hsb(242, 19%, 97%)
CMYK
cmyk(19%, 19%, 0%, 3%)
Oklch
oklch(85.0% 0.066 286.8)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#899C97

Mineral Blue · LightSlateGray · Silver Sand

HEX
#899C97
RGB
rgb(137, 156, 151)
HSL
hsl(164, 9%, 57%)
HSB
hsb(164, 12%, 61%)
CMYK
cmyk(12%, 0%, 3%, 39%)
Oklch
oklch(67.6% 0.023 178.0)

Traditional「Mineral Blue」· Paint「Silver Sand」· Creative Urban Concrete

#6A633E

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#6A633E
RGB
rgb(106, 99, 62)
HSL
hsl(50, 26%, 33%)
HSB
hsb(50, 42%, 42%)
CMYK
cmyk(0%, 7%, 42%, 58%)
Oklch
oklch(49.7% 0.055 98.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#A45069

Dark Violet · Sienna · Camellia

HEX
#A45069
RGB
rgb(164, 80, 105)
HSL
hsl(342, 34%, 48%)
HSB
hsb(342, 51%, 64%)
CMYK
cmyk(0%, 51%, 36%, 36%)
Oklch
oklch(54.2% 0.114 2.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3C0BE
BFD2D4

Analogous

D4BFC7
D3C0BE
D4CBBF

Triadic

D3C0BE
BFD4C1
C1BFD4

Split-Comp.

D3C0BE
BFD4CB
BFC7D4

Tetradic

D3C0BE
C7D4BF
BFD2D4
CBBFD4

Contrast Matrix WCAG 2.1 Contrast

D3C0BE
CAC8F8
899C97
6A633E
A45069
—
1.1
Fail
1.7
Fail
3.5
AA Large
3.1
AA Large
1.1
Fail
—
1.8
Fail
3.8
AA Large
3.3
AA Large
1.7
Fail
1.8
Fail
—
2.1
Fail
1.8
Fail
3.5
AA Large
3.8
AA Large
2.1
Fail
—
1.1
Fail
3.1
AA Large
3.3
AA Large
1.8
Fail
1.1
Fail
—
White BG
1.7Fail
1.6Fail
2.9Fail
6.1AA
5.3AA
Black BG
12.1AAA
13.1AAA
7.3AAA
3.5AA Large
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBBE
C9C9EC
919198
676747
807F63

Deuteranopia

CCCDBF
C9C9EA
908F99
676849
858B62

Tritanopia

D2BFBF
CAE3E1
8A9999
6A4E50
A05E5D

Achromatopsia

C5C5C5
CECECE
969696
616161
6C6C6C

Shades & Tints Shades & Tints

#D3C0BE

Dark
Light

#CAC8F8

Dark
Light

#899C97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3c0be;
  --color-2: #cac8f8;
  --color-3: #899c97;
  --color-4: #6a633e;
  --color-5: #a45069;
}

SCSS

$color-1: #d3c0be;
$color-2: #cac8f8;
$color-3: #899c97;
$color-4: #6a633e;
$color-5: #a45069;

TAILWIND

colors: {
  'brand-1': '#d3c0be',
  'brand-2': '#cac8f8',
  'brand-3': '#899c97',
  'brand-4': '#6a633e',
  'brand-5': '#a45069',
}

RGB Array

[211, 192, 190], [202, 200, 248], [137, 156, 151], [106, 99, 62], [164, 80, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D3C0BE, #CAC8F8, #899C97, #6A633E, #A45069 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: #d3c0be; --color-2: #cac8f8; --color-3: #899c97; --color-4: #6a633e; --color-5: #a45069. 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