#6E6F47 + #82826A + #07E4FF + #454835 + #45827D · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6E6F47

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#6E6F47

RGB

rgb(110, 111, 71)

HSL

hsl(61, 22%, 36%)

HSB

hsb(61, 36%, 44%)

CMYK

cmyk(1%, 0%, 36%, 56%)

Oklch

oklch(53.0% 0.058 109.4)

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

#82826A

Autumn Sage · Gray · Honey Gold

HEX

#82826A

RGB

rgb(130, 130, 106)

HSL

hsl(60, 10%, 46%)

HSB

hsb(60, 18%, 51%)

CMYK

cmyk(0%, 0%, 18%, 49%)

Oklch

oklch(60.0% 0.035 107.4)

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

#07E4FF

Lake Blue · Cyan · Lake Green

HEX

#07E4FF

RGB

rgb(7, 228, 255)

HSL

hsl(187, 100%, 51%)

HSB

hsb(187, 97%, 100%)

CMYK

cmyk(97%, 11%, 0%, 0%)

Oklch

oklch(84.2% 0.145 209.9)

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

#454835

Autumn Sage · DarkSlateGray · Amber Gold

HEX

#454835

RGB

rgb(69, 72, 53)

HSL

hsl(69, 15%, 25%)

HSB

hsb(69, 26%, 28%)

CMYK

cmyk(4%, 0%, 26%, 72%)

Oklch

oklch(39.3% 0.031 115.1)

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

#45827D

Mineral Blue · SeaGreen · Mint Ice

HEX

#45827D

RGB

rgb(69, 130, 125)

HSL

hsl(175, 31%, 39%)

HSB

hsb(175, 47%, 51%)

CMYK

cmyk(47%, 0%, 4%, 49%)

Oklch

oklch(56.4% 0.064 188.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E6F47

484870

Analogous

705C48

6E6F47

5B7048

Triadic

6E6F47

486F70

70486F

Split-Comp.

6E6F47

485B70

5C4870

Tetradic

6E6F47

48705C

484870

70485B

Contrast Matrix WCAG 2.1 Contrast

6E6F47	82826A	07E4FF	454835	45827D
—	1.3 Fail	3.4 AA Large	1.8 Fail	1.2 Fail
1.3 Fail	—	2.5 Fail	2.4 Fail	1.1 Fail
3.4 AA Large	2.5 Fail	—	6.1 AA	2.9 Fail
1.8 Fail	2.4 Fail	6.1 AA	—	2.1 Fail
1.2 Fail	1.1 Fail	2.9 Fail	2.1 Fail	—

White BG

5.2AA

3.9AA Large

1.5Fail

9.4AAA

4.4AA Large

Black BG

4.0AA Large

5.4AA

13.6AAA

2.2Fail

4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E51

828270

6769F8

46463A

5F607E

Deuteranopia

6E6E53

828271

5A49F7

46463B

5C577F

Tritanopia

6E585A

827475

12F3F2

453D3E

487F7F

Achromatopsia

6A6A6A

7F7F7F

A5A5A5

454545

6F6F6F

Shades & Tints Shades & Tints

#6E6F47

Dark

Light

#82826A

Dark

Light

#07E4FF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e6f47;
  --color-2: #82826a;
  --color-3: #07e4ff;
  --color-4: #454835;
  --color-5: #45827d;
}

SCSS

$color-1: #6e6f47;
$color-2: #82826a;
$color-3: #07e4ff;
$color-4: #454835;
$color-5: #45827d;

TAILWIND

colors: {
  'brand-1': '#6e6f47',
  'brand-2': '#82826a',
  'brand-3': '#07e4ff',
  'brand-4': '#454835',
  'brand-5': '#45827d',
}

RGB Array

[110, 111, 71], [130, 130, 106], [7, 228, 255], [69, 72, 53], [69, 130, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #6E6F47, #82826A, #07E4FF, #454835, #45827D is ideal for: tech websites, dark mode UIs, game UIs. 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: #6e6f47; --color-2: #82826a; --color-3: #07e4ff; --color-4: #454835; --color-5: #45827d. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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