#79B39D + #8B4D8C + #A66782 + #C4847A + #FFCA80 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#79B39D

Mineral Blue · DarkSeaGreen · Olive Green

HEX

#79B39D

RGB

rgb(121, 179, 157)

HSL

hsl(157, 28%, 59%)

HSB

hsb(157, 32%, 70%)

CMYK

cmyk(32%, 0%, 12%, 30%)

Oklch

oklch(72.0% 0.069 168.7)

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

#8B4D8C

Dark Plum · Gray · Violet

HEX

#8B4D8C

RGB

rgb(139, 77, 140)

HSL

hsl(299, 29%, 43%)

HSB

hsb(299, 45%, 55%)

CMYK

cmyk(1%, 45%, 0%, 45%)

Oklch

oklch(51.7% 0.119 326.6)

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

#A66782

Dark Violet · Gray · Rose Pink

HEX

#A66782

RGB

rgb(166, 103, 130)

HSL

hsl(334, 26%, 53%)

HSB

hsb(334, 38%, 65%)

CMYK

cmyk(0%, 38%, 22%, 35%)

Oklch

oklch(59.0% 0.088 352.9)

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

#C4847A

Peach Pink · DarkSalmon · Coral Red

HEX

#C4847A

RGB

rgb(196, 132, 122)

HSL

hsl(8, 39%, 62%)

HSB

hsb(8, 38%, 77%)

CMYK

cmyk(0%, 33%, 38%, 23%)

Oklch

oklch(67.6% 0.081 29.2)

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

#FFCA80

Goose Yellow · Khaki · Warm Sun

HEX

#FFCA80

RGB

rgb(255, 202, 128)

HSL

hsl(35, 100%, 75%)

HSB

hsb(35, 50%, 100%)

CMYK

cmyk(0%, 21%, 50%, 0%)

Oklch

oklch(87.0% 0.110 74.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79B39D

B47990

Analogous

79B480

79B39D

79ADB4

Triadic

79B39D

9D79B4

B49D79

Split-Comp.

79B39D

B479AD

B48079

Tetradic

79B39D

8079B4

B47990

ADB479

Contrast Matrix WCAG 2.1 Contrast

79B39D	8B4D8C	A66782	C4847A	FFCA80
—	2.5 Fail	1.8 Fail	1.3 Fail	1.6 Fail
2.5 Fail	—	1.4 Fail	2.0 Fail	4.0 AA Large
1.8 Fail	1.4 Fail	—	1.4 Fail	2.9 Fail
1.3 Fail	2.0 Fail	1.4 Fail	—	2.0 Fail
1.6 Fail	4.0 AA Large	2.9 Fail	2.0 Fail	—

White BG

2.4Fail

5.9AA

4.3AA Large

3.0AA Large

1.5Fail

Black BG

8.7AAA

3.5AA Large

4.9AA

6.9AA

14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9293A2

70707D

8B8A7B

A8A87C

E8E892

Deuteranopia

8F8AA4

747879

8E937A

ACB17D

EBEF96

Tritanopia

7CA7A7

88716E

A37675

C17E7F

FCA0A3

Achromatopsia

9F9F9F

676767

7D7D7D

969696

D1D1D1

Shades & Tints Shades & Tints

#79B39D

Dark

Light

#8B4D8C

Dark

Light

#A66782

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79b39d;
  --color-2: #8b4d8c;
  --color-3: #a66782;
  --color-4: #c4847a;
  --color-5: #ffca80;
}

SCSS

$color-1: #79b39d;
$color-2: #8b4d8c;
$color-3: #a66782;
$color-4: #c4847a;
$color-5: #ffca80;

TAILWIND

colors: {
  'brand-1': '#79b39d',
  'brand-2': '#8b4d8c',
  'brand-3': '#a66782',
  'brand-4': '#c4847a',
  'brand-5': '#ffca80',
}

RGB Array

[121, 179, 157], [139, 77, 140], [166, 103, 130], [196, 132, 122], [255, 202, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #79B39D, #8B4D8C, #A66782, #C4847A, #FFCA80 is ideal for: corporate websites, product showcases, portfolios. 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: #79b39d; --color-2: #8b4d8c; --color-3: #a66782; --color-4: #c4847a; --color-5: #ffca80. 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. 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