← Back to Editor

#89C5AC · #B3B550 · #C7995E · #C1776E · #2B3A3D

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

#89C5AC

Jade · DarkSeaGreen · Apple Green

HEX
#89C5AC
RGB
rgb(137, 197, 172)
HSL
hsl(155, 34%, 65%)
HSB
hsb(155, 30%, 77%)
CMYK
cmyk(30%, 0%, 13%, 23%)
Oklch
oklch(77.5% 0.072 166.7)

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

#B3B550

Autumn Sage · GoldenRod · Sunflower

HEX
#B3B550
RGB
rgb(179, 181, 80)
HSL
hsl(61, 41%, 51%)
HSB
hsb(61, 56%, 71%)
CMYK
cmyk(1%, 0%, 56%, 29%)
Oklch
oklch(75.1% 0.124 110.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#C7995E

Ginger · DarkSalmon · Warm Sun

HEX
#C7995E
RGB
rgb(199, 153, 94)
HSL
hsl(34, 48%, 57%)
HSB
hsb(34, 53%, 78%)
CMYK
cmyk(0%, 23%, 53%, 22%)
Oklch
oklch(71.3% 0.094 72.3)

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

#C1776E

Crimson · LightCoral · Passion Red

HEX
#C1776E
RGB
rgb(193, 119, 110)
HSL
hsl(7, 40%, 59%)
HSB
hsb(7, 43%, 76%)
CMYK
cmyk(0%, 38%, 43%, 24%)
Oklch
oklch(64.6% 0.095 27.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#2B3A3D

Slate Blue · DarkSlateGray · Peacock Green

HEX
#2B3A3D
RGB
rgb(43, 58, 61)
HSL
hsl(190, 17%, 20%)
HSB
hsb(190, 30%, 24%)
CMYK
cmyk(30%, 5%, 0%, 76%)
Oklch
oklch(33.6% 0.020 211.2)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

89C5AC
C487A1

Analogous

87C48C
89C5AC
87BFC4

Triadic

89C5AC
AB87C4
C4AB87

Split-Comp.

89C5AC
C487BF
C48C87

Tetradic

89C5AC
8C87C4
C487A1
BFC487

Contrast Matrix WCAG 2.1 Contrast

89C5AC
B3B550
C7995E
C1776E
2B3A3D
—
1.1
Fail
1.3
Fail
1.7
Fail
6.0
AA
1.1
Fail
—
1.2
Fail
1.6
Fail
5.4
AA
1.3
Fail
1.2
Fail
—
1.3
Fail
4.6
AA
1.7
Fail
1.6
Fail
1.3
Fail
—
3.5
AA Large
6.0
AA
5.4
AA
4.6
AA
3.5
AA Large
—
White BG
2.0Fail
2.2Fail
2.6Fail
3.4AA Large
11.8AAA
Black BG
10.6AAA
9.6AAA
8.1AAA
6.1AA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A4B2
B4B468
B3B36C
A1A070
31323C

Deuteranopia

A09BB4
B4B46E
B6B970
A5AB71
31303C

Tritanopia

8CB7B8
B37C80
C5787A
BD7272
2C3C3C

Achromatopsia

B0B0B0
A9A9A9
A0A0A0
8C8C8C
363636

Shades & Tints Shades & Tints

#89C5AC

Dark
Light

#B3B550

Dark
Light

#C7995E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #89c5ac;
  --color-2: #b3b550;
  --color-3: #c7995e;
  --color-4: #c1776e;
  --color-5: #2b3a3d;
}

SCSS

$color-1: #89c5ac;
$color-2: #b3b550;
$color-3: #c7995e;
$color-4: #c1776e;
$color-5: #2b3a3d;

TAILWIND

colors: {
  'brand-1': '#89c5ac',
  'brand-2': '#b3b550',
  'brand-3': '#c7995e',
  'brand-4': '#c1776e',
  'brand-5': '#2b3a3d',
}

RGB Array

[137, 197, 172], [179, 181, 80], [199, 153, 94], [193, 119, 110], [43, 58, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #89C5AC, #B3B550, #C7995E, #C1776E, #2B3A3D 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: #89c5ac; --color-2: #b3b550; --color-3: #c7995e; --color-4: #c1776e; --color-5: #2b3a3d. 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