#4B6462 + #8A8561 + #C7BD73 + #BDC982 + #68CFAE · 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

#4B6462

Mineral Blue · DimGray · Mint Ice

HEX

#4B6462

RGB

rgb(75, 100, 98)

HSL

hsl(175, 14%, 34%)

HSB

hsb(175, 25%, 39%)

CMYK

cmyk(25%, 0%, 2%, 61%)

Oklch

oklch(48.3% 0.030 190.1)

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

#8A8561

Autumn Sage · Gray · Honey Gold

HEX

#8A8561

RGB

rgb(138, 133, 97)

HSL

hsl(53, 17%, 46%)

HSB

hsb(53, 30%, 54%)

CMYK

cmyk(0%, 4%, 30%, 46%)

Oklch

oklch(61.2% 0.052 101.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#C7BD73

Fresh Green · Tan · Sunflower

HEX

#C7BD73

RGB

rgb(199, 189, 115)

HSL

hsl(53, 43%, 62%)

HSB

hsb(53, 42%, 78%)

CMYK

cmyk(0%, 5%, 42%, 22%)

Oklch

oklch(79.0% 0.096 101.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#BDC982

Willow Green · Tan · Apple Green

HEX

#BDC982

RGB

rgb(189, 201, 130)

HSL

hsl(70, 40%, 65%)

HSB

hsb(70, 35%, 79%)

CMYK

cmyk(6%, 0%, 35%, 21%)

Oklch

oklch(81.0% 0.094 116.4)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#68CFAE

Jade · MediumAquaMarine · Lake Green

HEX

#68CFAE

RGB

rgb(104, 207, 174)

HSL

hsl(161, 52%, 61%)

HSB

hsb(161, 50%, 81%)

CMYK

cmyk(50%, 0%, 16%, 19%)

Oklch

oklch(78.3% 0.108 170.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B6462

634B4D

Analogous

4B6355

4B6462

4B5963

Triadic

4B6462

614B63

63614B

Split-Comp.

4B6462

634B59

63554B

Tetradic

4B6462

554B63

634B4D

59634B

Contrast Matrix WCAG 2.1 Contrast

4B6462	8A8561	C7BD73	BDC982	68CFAE
—	1.7 Fail	3.3 AA Large	3.6 AA Large	3.4 AA Large
1.7 Fail	—	2.0 Fail	2.1 Fail	2.0 Fail
3.3 AA Large	2.0 Fail	—	1.1 Fail	1.0 Fail
3.6 AA Large	2.1 Fail	1.1 Fail	—	1.1 Fail
3.4 AA Large	2.0 Fail	1.0 Fail	1.1 Fail	—

White BG

6.4AA

3.7AA Large

1.9Fail

1.8Fail

1.9Fail

Black BG

3.3AA Large

5.6AA

11.0AAA

11.8AAA

11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565662

88886A

C3C385

C2C293

9596B6

Deuteranopia

545363

88896C

C3C489

C2C197

8F87B8

Tritanopia

4C6363

8A7172

C69396

BEA1A4

6DBCBE

Achromatopsia

5C5C5C

828282

B8B8B8

BDBDBD

ACACAC

Shades & Tints Shades & Tints

#4B6462

Dark

Light

#8A8561

Dark

Light

#C7BD73

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b6462;
  --color-2: #8a8561;
  --color-3: #c7bd73;
  --color-4: #bdc982;
  --color-5: #68cfae;
}

SCSS

$color-1: #4b6462;
$color-2: #8a8561;
$color-3: #c7bd73;
$color-4: #bdc982;
$color-5: #68cfae;

TAILWIND

colors: {
  'brand-1': '#4b6462',
  'brand-2': '#8a8561',
  'brand-3': '#c7bd73',
  'brand-4': '#bdc982',
  'brand-5': '#68cfae',
}

RGB Array

[75, 100, 98], [138, 133, 97], [199, 189, 115], [189, 201, 130], [104, 207, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #4B6462, #8A8561, #C7BD73, #BDC982, #68CFAE 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: #4b6462; --color-2: #8a8561; --color-3: #c7bd73; --color-4: #bdc982; --color-5: #68cfae. 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