#C6D95C + #A3B057 + #5C5E45 + #617B8B + #5B99C1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C6D95C

Fresh Green · BurlyWood · Sunflower

HEX

#C6D95C

RGB

rgb(198, 217, 92)

HSL

hsl(69, 62%, 61%)

HSB

hsb(69, 58%, 85%)

CMYK

cmyk(9%, 0%, 58%, 15%)

Oklch

oklch(84.6% 0.151 117.0)

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

#A3B057

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A3B057

RGB

rgb(163, 176, 87)

HSL

hsl(69, 36%, 52%)

HSB

hsb(69, 51%, 69%)

CMYK

cmyk(7%, 0%, 51%, 31%)

Oklch

oklch(72.8% 0.115 116.2)

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

#5C5E45

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#5C5E45

RGB

rgb(92, 94, 69)

HSL

hsl(65, 15%, 32%)

HSB

hsb(65, 27%, 37%)

CMYK

cmyk(2%, 0%, 27%, 63%)

Oklch

oklch(47.3% 0.038 111.6)

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

#617B8B

Slate Blue · SlateGray · Navy Blue

HEX

#617B8B

RGB

rgb(97, 123, 139)

HSL

hsl(203, 18%, 46%)

HSB

hsb(203, 30%, 55%)

CMYK

cmyk(30%, 12%, 0%, 45%)

Oklch

oklch(56.8% 0.039 235.4)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#5B99C1

Slate Blue · CadetBlue · Navy Blue

HEX

#5B99C1

RGB

rgb(91, 153, 193)

HSL

hsl(204, 45%, 56%)

HSB

hsb(204, 53%, 76%)

CMYK

cmyk(53%, 21%, 0%, 24%)

Oklch

oklch(65.7% 0.088 238.4)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6D95C

705ED9

Analogous

D9AE5E

C6D95C

89D95E

Triadic

C6D95C

5EC7D9

D95EC7

Split-Comp.

C6D95C

5E89D9

AE5ED9

Tetradic

C6D95C

5ED9AE

705ED9

D95E89

Contrast Matrix WCAG 2.1 Contrast

C6D95C	A3B057	5C5E45	617B8B	5B99C1
—	1.5 Fail	4.3 AA Large	2.9 Fail	2.0 Fail
1.5 Fail	—	2.8 Fail	1.9 Fail	1.3 Fail
4.3 AA Large	2.8 Fail	—	1.5 Fail	2.2 Fail
2.9 Fail	1.9 Fail	1.5 Fail	—	1.4 Fail
2.0 Fail	1.3 Fail	2.2 Fail	1.4 Fail	—

White BG

1.6Fail

2.4Fail

6.7AA

4.5AA Large

3.1AA Large

Black BG

13.5AAA

8.9AAA

3.1AA Large

4.7AA

6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECE7A

A9A96D

5D5D4B

6C6C87

7676B7

Deuteranopia

CDCC82

A8A772

5D5D4D

6B6986

726EB5

Tritanopia

C79297

A47E81

5C5051

628483

5EB0AE

Achromatopsia

C5C5C5

A2A2A2

5B5B5B

757575

8B8B8B

Shades & Tints Shades & Tints

#C6D95C

Dark

Light

#A3B057

Dark

Light

#5C5E45

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6d95c;
  --color-2: #a3b057;
  --color-3: #5c5e45;
  --color-4: #617b8b;
  --color-5: #5b99c1;
}

SCSS

$color-1: #c6d95c;
$color-2: #a3b057;
$color-3: #5c5e45;
$color-4: #617b8b;
$color-5: #5b99c1;

TAILWIND

colors: {
  'brand-1': '#c6d95c',
  'brand-2': '#a3b057',
  'brand-3': '#5c5e45',
  'brand-4': '#617b8b',
  'brand-5': '#5b99c1',
}

RGB Array

[198, 217, 92], [163, 176, 87], [92, 94, 69], [97, 123, 139], [91, 153, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6D95C, #A3B057, #5C5E45, #617B8B, #5B99C1 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: #c6d95c; --color-2: #a3b057; --color-3: #5c5e45; --color-4: #617b8b; --color-5: #5b99c1. 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