#A96087 + #FF085B + #7991A0 + #5AB1B0 + #71DBD2 · 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

#A96087

Rose Purple · Gray · Rose Pink

HEX

#A96087

RGB

rgb(169, 96, 135)

HSL

hsl(328, 30%, 52%)

HSB

hsb(328, 43%, 66%)

CMYK

cmyk(0%, 43%, 20%, 34%)

Oklch

oklch(58.4% 0.106 347.6)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#FF085B

Dark Violet · Crimson · Rose Pink

HEX

#FF085B

RGB

rgb(255, 8, 91)

HSL

hsl(340, 100%, 52%)

HSB

hsb(340, 97%, 100%)

CMYK

cmyk(0%, 97%, 64%, 0%)

Oklch

oklch(63.8% 0.253 14.0)

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

#7991A0

Slate Blue · LightSlateGray · Navy Blue

HEX

#7991A0

RGB

rgb(121, 145, 160)

HSL

hsl(203, 17%, 55%)

HSB

hsb(203, 24%, 63%)

CMYK

cmyk(24%, 9%, 0%, 37%)

Oklch

oklch(64.3% 0.035 235.5)

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

#5AB1B0

Mineral Blue · CadetBlue · Lake Green

HEX

#5AB1B0

RGB

rgb(90, 177, 176)

HSL

hsl(179, 36%, 52%)

HSB

hsb(179, 49%, 69%)

CMYK

cmyk(49%, 0%, 1%, 31%)

Oklch

oklch(70.6% 0.084 194.4)

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

#71DBD2

Jade · SkyBlue · Lake Green

HEX

#71DBD2

RGB

rgb(113, 219, 210)

HSL

hsl(175, 60%, 65%)

HSB

hsb(175, 48%, 86%)

CMYK

cmyk(48%, 0%, 4%, 14%)

Oklch

oklch(82.6% 0.100 188.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A96087

60A982

Analogous

A760A9

A96087

A96062

Triadic

A96087

87A960

6087A9

Split-Comp.

A96087

62A960

60A9A7

Tetradic

A96087

A9A760

60A982

6062A9

Contrast Matrix WCAG 2.1 Contrast

A96087	FF085B	7991A0	5AB1B0	71DBD2
—	1.2 Fail	1.4 Fail	1.8 Fail	2.7 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	2.3 Fail
1.4 Fail	1.2 Fail	—	1.3 Fail	2.0 Fail
1.8 Fail	1.5 Fail	1.3 Fail	—	1.5 Fail
2.7 Fail	2.3 Fail	2.0 Fail	1.5 Fail	—

White BG

4.5AA Large

3.9AA Large

3.3AA Large

2.5Fail

1.6Fail

Black BG

4.7AA

5.4AA

6.4AA

8.4AAA

12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

89897E

949247

83849C

8080B0

9FA0D4

Deuteranopia

8E937B

A2B542

82809C

7B74B0

9991D5

Tritanopia

A57674

F33734

7A9A99

5EB0B0

76D6D6

Achromatopsia

7A7A7A

5B5B5B

8C8C8C

979797

BABABA

Shades & Tints Shades & Tints

#A96087

Dark

Light

#FF085B

Dark

Light

#7991A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a96087;
  --color-2: #ff085b;
  --color-3: #7991a0;
  --color-4: #5ab1b0;
  --color-5: #71dbd2;
}

SCSS

$color-1: #a96087;
$color-2: #ff085b;
$color-3: #7991a0;
$color-4: #5ab1b0;
$color-5: #71dbd2;

TAILWIND

colors: {
  'brand-1': '#a96087',
  'brand-2': '#ff085b',
  'brand-3': '#7991a0',
  'brand-4': '#5ab1b0',
  'brand-5': '#71dbd2',
}

RGB Array

[169, 96, 135], [255, 8, 91], [121, 145, 160], [90, 177, 176], [113, 219, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A96087, #FF085B, #7991A0, #5AB1B0, #71DBD2 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: #a96087; --color-2: #ff085b; --color-3: #7991a0; --color-4: #5ab1b0; --color-5: #71dbd2. 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