#FBF9B9 + #CACEAC + #A3A599 + #958189 + #C25D7C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FBF9B9

Fresh Green · Bisque · Lemon Cream

HEX

#FBF9B9

RGB

rgb(251, 249, 185)

HSL

hsl(58, 89%, 85%)

HSB

hsb(58, 26%, 98%)

CMYK

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

Oklch

oklch(96.9% 0.081 106.3)

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

#CACEAC

Fresh Green · Silver · Sunflower

HEX

#CACEAC

RGB

rgb(202, 206, 172)

HSL

hsl(67, 26%, 74%)

HSB

hsb(67, 17%, 81%)

CMYK

cmyk(2%, 0%, 17%, 19%)

Oklch

oklch(83.9% 0.046 112.8)

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

#A3A599

Ash · DarkGray · Silver Sand

HEX

#A3A599

RGB

rgb(163, 165, 153)

HSL

hsl(70, 6%, 62%)

HSB

hsb(70, 7%, 65%)

CMYK

cmyk(1%, 0%, 7%, 35%)

Oklch

oklch(71.7% 0.017 114.5)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#958189

Dark Violet · Gray · Warm Gray

HEX

#958189

RGB

rgb(149, 129, 137)

HSL

hsl(336, 9%, 55%)

HSB

hsb(336, 13%, 58%)

CMYK

cmyk(0%, 13%, 8%, 42%)

Oklch

oklch(62.4% 0.027 351.8)

Traditional「Dark Violet」· Paint「Warm Gray」· Creative Urban Concrete

#C25D7C

Dark Violet · LightCoral · Rose Pink

HEX

#C25D7C

RGB

rgb(194, 93, 124)

HSL

hsl(342, 45%, 56%)

HSB

hsb(342, 52%, 76%)

CMYK

cmyk(0%, 52%, 36%, 24%)

Oklch

oklch(60.9% 0.133 2.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBF9B9

B7B9FB

Analogous

FBD6B7

FBF9B9

DBFBB7

Triadic

FBF9B9

B7FBF9

F9B7FB

Split-Comp.

FBF9B9

B7DBFB

D6B7FB

Tetradic

FBF9B9

B7FBD6

B7B9FB

FBB7DB

Contrast Matrix WCAG 2.1 Contrast

FBF9B9	CACEAC	A3A599	958189	C25D7C
—	1.5 Fail	2.3 Fail	3.3 AA Large	3.8 AA Large
1.5 Fail	—	1.5 Fail	2.2 Fail	2.5 Fail
2.3 Fail	1.5 Fail	—	1.5 Fail	1.6 Fail
3.3 AA Large	2.2 Fail	1.5 Fail	—	1.1 Fail
3.8 AA Large	2.5 Fail	1.6 Fail	1.1 Fail	—

White BG

1.1Fail

1.6Fail

2.5Fail

3.6AA Large

4.1AA Large

Black BG

19.4AAA

12.9AAA

8.4AAA

5.8AA

5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAC8

CCCCB4

A4A49C

8C8C87

969574

Deuteranopia

FAFACC

CCCBB6

A4A49D

8E8F87

9CA473

Tritanopia

FBD5D7

CABBBC

A39E9F

948685

BD6F6D

Achromatopsia

F2F2F2

C9C9C9

A3A3A3

888888

7F7F7F

Shades & Tints Shades & Tints

#FBF9B9

Dark

Light

#CACEAC

Dark

Light

#A3A599

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbf9b9;
  --color-2: #caceac;
  --color-3: #a3a599;
  --color-4: #958189;
  --color-5: #c25d7c;
}

SCSS

$color-1: #fbf9b9;
$color-2: #caceac;
$color-3: #a3a599;
$color-4: #958189;
$color-5: #c25d7c;

TAILWIND

colors: {
  'brand-1': '#fbf9b9',
  'brand-2': '#caceac',
  'brand-3': '#a3a599',
  'brand-4': '#958189',
  'brand-5': '#c25d7c',
}

RGB Array

[251, 249, 185], [202, 206, 172], [163, 165, 153], [149, 129, 137], [194, 93, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBF9B9, #CACEAC, #A3A599, #958189, #C25D7C 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: #fbf9b9; --color-2: #caceac; --color-3: #a3a599; --color-4: #958189; --color-5: #c25d7c. 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