#C5F018 + #C7BF69 + #BE9A9A + #B975BC + #B54AF5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C5F018

Grass Green · GreenYellow · Olive Green

HEX

#C5F018

RGB

rgb(197, 240, 24)

HSL

hsl(72, 88%, 52%)

HSB

hsb(72, 90%, 94%)

CMYK

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

Oklch

oklch(89.3% 0.213 122.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#C7BF69

Autumn Sage · Tan · Sunflower

HEX

#C7BF69

RGB

rgb(199, 191, 105)

HSL

hsl(55, 46%, 60%)

HSB

hsb(55, 47%, 78%)

CMYK

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

Oklch

oklch(79.3% 0.109 103.9)

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

#BE9A9A

Peach Pink · DarkGray · Coral Red

HEX

#BE9A9A

RGB

rgb(190, 154, 154)

HSL

hsl(0, 22%, 67%)

HSB

hsb(0, 19%, 75%)

CMYK

cmyk(0%, 19%, 19%, 25%)

Oklch

oklch(71.9% 0.043 18.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B975BC

Dark Plum · MediumOrchid · Violet

HEX

#B975BC

RGB

rgb(185, 117, 188)

HSL

hsl(297, 35%, 60%)

HSB

hsb(297, 38%, 74%)

CMYK

cmyk(2%, 38%, 0%, 26%)

Oklch

oklch(65.9% 0.127 325.4)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#B54AF5

Lilac · MediumOrchid · Lilac Purple

HEX

#B54AF5

RGB

rgb(181, 74, 245)

HSL

hsl(278, 90%, 63%)

HSB

hsb(278, 70%, 96%)

CMYK

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

Oklch

oklch(62.8% 0.247 309.7)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5F018

4419F0

Analogous

F0B019

C5F018

5AF019

Triadic

C5F018

19C5F0

F019C5

Split-Comp.

C5F018

195AF0

B019F0

Tetradic

C5F018

19F0B0

4419F0

F0195A

Contrast Matrix WCAG 2.1 Contrast

C5F018	C7BF69	BE9A9A	B975BC	B54AF5
—	1.4 Fail	1.9 Fail	2.5 Fail	3.0 AA Large
1.4 Fail	—	1.3 Fail	1.8 Fail	2.1 Fail
1.9 Fail	1.3 Fail	—	1.3 Fail	1.6 Fail
2.5 Fail	1.8 Fail	1.3 Fail	—	1.2 Fail
3.0 AA Large	2.1 Fail	1.6 Fail	1.2 Fail	—

White BG

1.3Fail

1.9Fail

2.5Fail

3.3AA Large

4.0AA Large

Black BG

15.9AAA

11.1AAA

8.3AAA

6.3AA

5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D84C

C4C37E

AEAE9A

9C9BAB

8786CC

Deuteranopia

D5D259

C4C583

B1B39A

A0A5A7

8D95C2

Tritanopia

C7767F

C78E92

BC9A9A

B69D9A

B0ABA4

Achromatopsia

CBCBCB

B8B8B8

A5A5A5

919191

7D7D7D

Shades & Tints Shades & Tints

#C5F018

Dark

Light

#C7BF69

Dark

Light

#BE9A9A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5f018;
  --color-2: #c7bf69;
  --color-3: #be9a9a;
  --color-4: #b975bc;
  --color-5: #b54af5;
}

SCSS

$color-1: #c5f018;
$color-2: #c7bf69;
$color-3: #be9a9a;
$color-4: #b975bc;
$color-5: #b54af5;

TAILWIND

colors: {
  'brand-1': '#c5f018',
  'brand-2': '#c7bf69',
  'brand-3': '#be9a9a',
  'brand-4': '#b975bc',
  'brand-5': '#b54af5',
}

RGB Array

[197, 240, 24], [199, 191, 105], [190, 154, 154], [185, 117, 188], [181, 74, 245]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5F018, #C7BF69, #BE9A9A, #B975BC, #B54AF5 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: #c5f018; --color-2: #c7bf69; --color-3: #be9a9a; --color-4: #b975bc; --color-5: #b54af5. 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