#A6B090 + #C2B793 + #D6B490 + #E9B18C + #F7C3A3 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A6B090

Willow Green · DarkSeaGreen · Apple Green

HEX

#A6B090

RGB

rgb(166, 176, 144)

HSL

hsl(79, 17%, 63%)

HSB

hsb(79, 18%, 69%)

CMYK

cmyk(6%, 0%, 18%, 31%)

Oklch

oklch(74.1% 0.046 121.6)

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

#C2B793

Ginger · Tan · Sunflower

HEX

#C2B793

RGB

rgb(194, 183, 147)

HSL

hsl(46, 28%, 67%)

HSB

hsb(46, 24%, 76%)

CMYK

cmyk(0%, 6%, 24%, 24%)

Oklch

oklch(77.9% 0.050 93.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D6B490

Ginger · Tan · Warm Sun

HEX

#D6B490

RGB

rgb(214, 180, 144)

HSL

hsl(31, 46%, 70%)

HSB

hsb(31, 33%, 84%)

CMYK

cmyk(0%, 16%, 33%, 16%)

Oklch

oklch(79.1% 0.062 68.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E9B18C

Apricot · BurlyWood · Warm Sun

HEX

#E9B18C

RGB

rgb(233, 177, 140)

HSL

hsl(24, 68%, 73%)

HSB

hsb(24, 40%, 91%)

CMYK

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

Oklch

oklch(80.3% 0.082 54.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F7C3A3

Apricot · Wheat · Peach Orange

HEX

#F7C3A3

RGB

rgb(247, 195, 163)

HSL

hsl(23, 84%, 80%)

HSB

hsb(23, 34%, 97%)

CMYK

cmyk(0%, 21%, 34%, 3%)

Oklch

oklch(85.6% 0.074 53.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6B090

9B91B1

Analogous

B1AB91

A6B090

96B191

Triadic

A6B090

91A7B1

B191A7

Split-Comp.

A6B090

9196B1

AB91B1

Tetradic

A6B090

91B1AB

9B91B1

B19196

Contrast Matrix WCAG 2.1 Contrast

A6B090	C2B793	D6B490	E9B18C	F7C3A3
—	1.1 Fail	1.2 Fail	1.2 Fail	1.4 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.3 Fail
1.2 Fail	1.0 Fail	—	1.0 Fail	1.2 Fail
1.2 Fail	1.1 Fail	1.0 Fail	—	1.2 Fail
1.4 Fail	1.3 Fail	1.2 Fail	1.2 Fail	—

White BG

2.3Fail

2.0Fail

1.9Fail

1.6Fail

Black BG

9.2AAA

10.5AAA

10.8AAA

11.1AAA

13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAA98

BDBD9C

C7C799

D1D095

E0E0AB

Deuteranopia

AAA99A

BEBF9E

C9CC9B

D4D897

E4E7AD

Tritanopia

A79E9F

C1A3A4

D4A0A1

E69C9E

F4B1B2

Achromatopsia

A9A9A9

B6B6B6

BABABA

BEBEBE

CFCFCF

Shades & Tints Shades & Tints

#A6B090

Dark

Light

#C2B793

Dark

Light

#D6B490

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6b090;
  --color-2: #c2b793;
  --color-3: #d6b490;
  --color-4: #e9b18c;
  --color-5: #f7c3a3;
}

SCSS

$color-1: #a6b090;
$color-2: #c2b793;
$color-3: #d6b490;
$color-4: #e9b18c;
$color-5: #f7c3a3;

TAILWIND

colors: {
  'brand-1': '#a6b090',
  'brand-2': '#c2b793',
  'brand-3': '#d6b490',
  'brand-4': '#e9b18c',
  'brand-5': '#f7c3a3',
}

RGB Array

[166, 176, 144], [194, 183, 147], [214, 180, 144], [233, 177, 140], [247, 195, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A6B090, #C2B793, #D6B490, #E9B18C, #F7C3A3 is ideal for: health products, baby brands, fresh-style blogs. 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: #a6b090; --color-2: #c2b793; --color-3: #d6b490; --color-4: #e9b18c; --color-5: #f7c3a3. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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