#C6B183 + #ADC388 + #76C4A5 + #43AACD + #475272 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C6B183

Ginger · Tan · Sunflower

HEX

#C6B183

RGB

rgb(198, 177, 131)

HSL

hsl(41, 37%, 65%)

HSB

hsb(41, 34%, 78%)

CMYK

cmyk(0%, 11%, 34%, 22%)

Oklch

oklch(76.7% 0.066 86.2)

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

#ADC388

Willow Green · DarkSeaGreen · Apple Green

HEX

#ADC388

RGB

rgb(173, 195, 136)

HSL

hsl(82, 33%, 65%)

HSB

hsb(82, 30%, 76%)

CMYK

cmyk(11%, 0%, 30%, 24%)

Oklch

oklch(78.6% 0.083 124.9)

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

#76C4A5

Jade · MediumAquaMarine · Apple Green

HEX

#76C4A5

RGB

rgb(118, 196, 165)

HSL

hsl(156, 40%, 62%)

HSB

hsb(156, 40%, 77%)

CMYK

cmyk(40%, 0%, 16%, 23%)

Oklch

oklch(76.1% 0.090 166.7)

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

#43AACD

Lake Blue · MediumTurquoise · Lake Green

HEX

#43AACD

RGB

rgb(67, 170, 205)

HSL

hsl(195, 58%, 53%)

HSB

hsb(195, 67%, 80%)

CMYK

cmyk(67%, 17%, 0%, 20%)

Oklch

oklch(69.3% 0.106 224.2)

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

#475272

Indigo · DarkSlateBlue · Prussian Blue

HEX

#475272

RGB

rgb(71, 82, 114)

HSL

hsl(225, 23%, 36%)

HSB

hsb(225, 38%, 45%)

CMYK

cmyk(38%, 28%, 0%, 55%)

Oklch

oklch(44.3% 0.055 269.5)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6B183

859AC7

Analogous

C79185

C6B183

BBC785

Triadic

C6B183

85C7B2

B285C7

Split-Comp.

C6B183

85BBC7

9185C7

Tetradic

C6B183

85C791

859AC7

C785BB

Contrast Matrix WCAG 2.1 Contrast

C6B183	ADC388	76C4A5	43AACD	475272
—	1.1 Fail	1.0 Fail	1.3 Fail	3.7 AA Large
1.1 Fail	—	1.1 Fail	1.4 Fail	4.0 AA Large
1.0 Fail	1.1 Fail	—	1.3 Fail	3.8 AA Large
1.3 Fail	1.4 Fail	1.3 Fail	—	2.9 Fail
3.7 AA Large	4.0 AA Large	3.8 AA Large	2.9 Fail	—

White BG

2.1Fail

1.9Fail

2.1Fail

2.7Fail

7.7AAA

Black BG

10.0AAA

10.9AAA

10.2AAA

7.9AAA

2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBD8E

B7B796

9898AD

7071C5

4C4C6A

Deuteranopia

BEC091

B5B49A

938DAE

6A62C3

4B4A68

Tritanopia

C59799

AEA2A4

7AB2B4

48BEBC

486463

Achromatopsia

B2B2B2

B6B6B6

A9A9A9

8F8F8F

525252

Shades & Tints Shades & Tints

#C6B183

Dark

Light

#ADC388

Dark

Light

#76C4A5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6b183;
  --color-2: #adc388;
  --color-3: #76c4a5;
  --color-4: #43aacd;
  --color-5: #475272;
}

SCSS

$color-1: #c6b183;
$color-2: #adc388;
$color-3: #76c4a5;
$color-4: #43aacd;
$color-5: #475272;

TAILWIND

colors: {
  'brand-1': '#c6b183',
  'brand-2': '#adc388',
  'brand-3': '#76c4a5',
  'brand-4': '#43aacd',
  'brand-5': '#475272',
}

RGB Array

[198, 177, 131], [173, 195, 136], [118, 196, 165], [67, 170, 205], [71, 82, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6B183, #ADC388, #76C4A5, #43AACD, #475272 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: #c6b183; --color-2: #adc388; --color-3: #76c4a5; --color-4: #43aacd; --color-5: #475272. 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 general-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