#ACDA2D + #D0EB81 + #F8FFBF + #C5B5B8 + #91767B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ACDA2D

Grass Green · GreenYellow · Olive Green

HEX

#ACDA2D

RGB

rgb(172, 218, 45)

HSL

hsl(76, 70%, 52%)

HSB

hsb(76, 79%, 85%)

CMYK

cmyk(21%, 0%, 79%, 15%)

Oklch

oklch(82.7% 0.193 124.2)

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

#D0EB81

Willow Green · Khaki · Apple Green

HEX

#D0EB81

RGB

rgb(208, 235, 129)

HSL

hsl(75, 73%, 71%)

HSB

hsb(75, 45%, 92%)

CMYK

cmyk(11%, 0%, 45%, 8%)

Oklch

oklch(89.7% 0.135 120.9)

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

#F8FFBF

Fresh Green · Bisque · Lemon Cream

HEX

#F8FFBF

RGB

rgb(248, 255, 191)

HSL

hsl(67, 100%, 87%)

HSB

hsb(67, 25%, 100%)

CMYK

cmyk(3%, 0%, 25%, 0%)

Oklch

oklch(97.9% 0.082 113.0)

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

#C5B5B8

Peach Pink · Silver · Coral Red

HEX

#C5B5B8

RGB

rgb(197, 181, 184)

HSL

hsl(349, 12%, 74%)

HSB

hsb(349, 8%, 77%)

CMYK

cmyk(0%, 8%, 7%, 23%)

Oklch

oklch(78.7% 0.019 4.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#91767B

Crimson · Gray · Passion Red

HEX

#91767B

RGB

rgb(145, 118, 123)

HSL

hsl(349, 11%, 52%)

HSB

hsb(349, 19%, 57%)

CMYK

cmyk(0%, 19%, 15%, 43%)

Oklch

oklch(59.3% 0.034 5.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACDA2D

5D2FDA

Analogous

DAB22F

ACDA2D

57DA2F

Triadic

ACDA2D

2FADDA

DA2FAD

Split-Comp.

ACDA2D

2F57DA

B22FDA

Tetradic

ACDA2D

2FDAB2

5D2FDA

DA2F57

Contrast Matrix WCAG 2.1 Contrast

ACDA2D	D0EB81	F8FFBF	C5B5B8	91767B
—	1.2 Fail	1.6 Fail	1.2 Fail	2.5 Fail
1.2 Fail	—	1.3 Fail	1.5 Fail	3.1 AA Large
1.6 Fail	1.3 Fail	—	1.9 Fail	3.9 AA Large
1.2 Fail	1.5 Fail	1.9 Fail	—	2.1 Fail
2.5 Fail	3.1 AA Large	3.9 AA Large	2.1 Fail	—

White BG

1.6Fail

1.3Fail

1.0Fail

2.0Fail

4.1AA Large

Black BG

12.8AAA

15.9AAA

20.0AAA

10.7AAA

5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C057

DCDC9B

FBFBCE

BEBEB7

85857A

Deuteranopia

BDBA61

DAD8A1

FBFAD2

BFC0B7

87897A

Tritanopia

AE787F

D1AFB3

F8DBDD

C4B7B7

907979

Achromatopsia

B9B9B9

D7D7D7

F6F6F6

BABABA

7F7F7F

Shades & Tints Shades & Tints

#ACDA2D

Dark

Light

#D0EB81

Dark

Light

#F8FFBF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #acda2d;
  --color-2: #d0eb81;
  --color-3: #f8ffbf;
  --color-4: #c5b5b8;
  --color-5: #91767b;
}

SCSS

$color-1: #acda2d;
$color-2: #d0eb81;
$color-3: #f8ffbf;
$color-4: #c5b5b8;
$color-5: #91767b;

TAILWIND

colors: {
  'brand-1': '#acda2d',
  'brand-2': '#d0eb81',
  'brand-3': '#f8ffbf',
  'brand-4': '#c5b5b8',
  'brand-5': '#91767b',
}

RGB Array

[172, 218, 45], [208, 235, 129], [248, 255, 191], [197, 181, 184], [145, 118, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ACDA2D, #D0EB81, #F8FFBF, #C5B5B8, #91767B 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: #acda2d; --color-2: #d0eb81; --color-3: #f8ffbf; --color-4: #c5b5b8; --color-5: #91767b. 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 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