← Back to Editor

#79B5AC · #5E2F46 · #CCBEAE · #B6888D · #BA506E

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

#79B5AC

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#79B5AC
RGB
rgb(121, 181, 172)
HSL
hsl(171, 29%, 59%)
HSB
hsb(171, 33%, 71%)
CMYK
cmyk(33%, 0%, 5%, 29%)
Oklch
oklch(72.9% 0.064 184.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#5E2F46

Dark Violet · DarkSlateGray · Camellia

HEX
#5E2F46
RGB
rgb(94, 47, 70)
HSL
hsl(331, 33%, 28%)
HSB
hsb(331, 50%, 37%)
CMYK
cmyk(0%, 50%, 26%, 63%)
Oklch
oklch(37.5% 0.075 350.6)

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

#CCBEAE

Goose Yellow · Silver · Warm Sun

HEX
#CCBEAE
RGB
rgb(204, 190, 174)
HSL
hsl(32, 23%, 74%)
HSB
hsb(32, 15%, 80%)
CMYK
cmyk(0%, 7%, 15%, 20%)
Oklch
oklch(80.9% 0.027 71.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#B6888D

Peach Pink · DarkGray · Coral Red

HEX
#B6888D
RGB
rgb(182, 136, 141)
HSL
hsl(353, 24%, 62%)
HSB
hsb(353, 25%, 71%)
CMYK
cmyk(0%, 25%, 23%, 29%)
Oklch
oklch(67.3% 0.057 11.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#BA506E

Dark Violet · MediumVioletRed · Rose Pink

HEX
#BA506E
RGB
rgb(186, 80, 110)
HSL
hsl(343, 43%, 52%)
HSB
hsb(343, 57%, 73%)
CMYK
cmyk(0%, 57%, 41%, 27%)
Oklch
oklch(57.5% 0.140 4.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79B5AC
B57881

Analogous

78B58D
79B5AC
78A0B5

Triadic

79B5AC
AC78B5
B5AC78

Split-Comp.

79B5AC
B578A0
B58D78

Tetradic

79B5AC
8D78B5
B57881
A0B578

Contrast Matrix WCAG 2.1 Contrast

79B5AC
5E2F46
CCBEAE
B6888D
BA506E
—
4.6
AA
1.3
Fail
1.3
Fail
2.0
Fail
4.6
AA
—
5.9
AA
3.5
AA Large
2.3
Fail
1.3
Fail
5.9
AA
—
1.7
Fail
2.6
Fail
1.3
Fail
3.5
AA Large
1.7
Fail
—
1.5
Fail
2.0
Fail
2.3
Fail
2.6
Fail
1.5
Fail
—
White BG
2.3Fail
10.7AAA
1.8Fail
3.0AA Large
4.7AA
Black BG
9.0AAA
2.0Fail
11.5AAA
6.9AA
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9394AE
4A4940
C6C6B2
A2A28C
8C8B67

Deuteranopia

908BAF
4C503F
C7C8B3
A5A88C
929A65

Tritanopia

7CB0B0
5C3C3B
CBB5B6
B48B8B
B56160

Achromatopsia

A2A2A2
404040
C0C0C0
969696
737373

Shades & Tints Shades & Tints

#79B5AC

Dark
Light

#5E2F46

Dark
Light

#CCBEAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79b5ac;
  --color-2: #5e2f46;
  --color-3: #ccbeae;
  --color-4: #b6888d;
  --color-5: #ba506e;
}

SCSS

$color-1: #79b5ac;
$color-2: #5e2f46;
$color-3: #ccbeae;
$color-4: #b6888d;
$color-5: #ba506e;

TAILWIND

colors: {
  'brand-1': '#79b5ac',
  'brand-2': '#5e2f46',
  'brand-3': '#ccbeae',
  'brand-4': '#b6888d',
  'brand-5': '#ba506e',
}

RGB Array

[121, 181, 172], [94, 47, 70], [204, 190, 174], [182, 136, 141], [186, 80, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #79B5AC, #5E2F46, #CCBEAE, #B6888D, #BA506E 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: #79b5ac; --color-2: #5e2f46; --color-3: #ccbeae; --color-4: #b6888d; --color-5: #ba506e. 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