← Back to Editor

#A5CEC0 · #576C67 · #8F6B55 · #EF8A44 · #DBDCD6

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

#A5CEC0

Jade · Silver · Lake Green

HEX
#A5CEC0
RGB
rgb(165, 206, 192)
HSL
hsl(160, 29%, 73%)
HSB
hsb(160, 20%, 81%)
CMYK
cmyk(20%, 0%, 7%, 19%)
Oklch
oklch(81.8% 0.048 172.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#576C67

Mineral Blue · DimGray · Mint Ice

HEX
#576C67
RGB
rgb(87, 108, 103)
HSL
hsl(166, 11%, 38%)
HSB
hsb(166, 19%, 42%)
CMYK
cmyk(19%, 0%, 5%, 58%)
Oklch
oklch(51.3% 0.026 179.1)

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

#8F6B55

Tangerine · DimGray · Amber Brown

HEX
#8F6B55
RGB
rgb(143, 107, 85)
HSL
hsl(23, 25%, 45%)
HSB
hsb(23, 41%, 56%)
CMYK
cmyk(0%, 25%, 41%, 44%)
Oklch
oklch(55.8% 0.057 52.7)

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

#EF8A44

Tangerine · Coral · Warm Sun

HEX
#EF8A44
RGB
rgb(239, 138, 68)
HSL
hsl(25, 84%, 60%)
HSB
hsb(25, 72%, 94%)
CMYK
cmyk(0%, 42%, 72%, 6%)
Oklch
oklch(73.0% 0.149 52.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#DBDCD6

Willow Green · LightGray · Pearl Gray

HEX
#DBDCD6
RGB
rgb(219, 220, 214)
HSL
hsl(70, 8%, 85%)
HSB
hsb(70, 3%, 86%)
CMYK
cmyk(0%, 0%, 3%, 14%)
Oklch
oklch(89.2% 0.008 114.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A5CEC0
CEA6B3

Analogous

A6CEAD
A5CEC0
A6C7CE

Triadic

A5CEC0
C1A6CE
CEC1A6

Split-Comp.

A5CEC0
CEA6C7
CEADA6

Tetradic

A5CEC0
ADA6CE
CEA6B3
C7CEA6

Contrast Matrix WCAG 2.1 Contrast

A5CEC0
576C67
8F6B55
EF8A44
DBDCD6
—
3.3
AA Large
2.8
Fail
1.5
Fail
1.2
Fail
3.3
AA Large
—
1.2
Fail
2.2
Fail
4.1
AA Large
2.8
Fail
1.2
Fail
—
1.9
Fail
3.5
AA Large
1.5
Fail
2.2
Fail
1.9
Fail
—
1.8
Fail
1.2
Fail
4.1
AA Large
3.5
AA Large
1.8
Fail
—
White BG
1.7Fail
5.6AA
4.8AA
2.5Fail
1.4Fail
Black BG
12.2AAA
3.7AA Large
4.4AA Large
8.4AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B7C3
606068
7F7F5A
C3C255
DBDBD7

Deuteranopia

B4B1C4
5F5D69
82845C
C9D159
DBDBD8

Tritanopia

A7C6C7
586969
8D5F5F
EA6265
DBD9D9

Achromatopsia

C0C0C0
656565
737373
A0A0A0
DBDBDB

Shades & Tints Shades & Tints

#A5CEC0

Dark
Light

#576C67

Dark
Light

#8F6B55

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a5cec0;
  --color-2: #576c67;
  --color-3: #8f6b55;
  --color-4: #ef8a44;
  --color-5: #dbdcd6;
}

SCSS

$color-1: #a5cec0;
$color-2: #576c67;
$color-3: #8f6b55;
$color-4: #ef8a44;
$color-5: #dbdcd6;

TAILWIND

colors: {
  'brand-1': '#a5cec0',
  'brand-2': '#576c67',
  'brand-3': '#8f6b55',
  'brand-4': '#ef8a44',
  'brand-5': '#dbdcd6',
}

RGB Array

[165, 206, 192], [87, 108, 103], [143, 107, 85], [239, 138, 68], [219, 220, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A5CEC0, #576C67, #8F6B55, #EF8A44, #DBDCD6 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: #a5cec0; --color-2: #576c67; --color-3: #8f6b55; --color-4: #ef8a44; --color-5: #dbdcd6. 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