#ACB04F + #F7A9B9 + #B793AD + #897F98 + #99ADB6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#ACB04F

Autumn Sage · GoldenRod · Honey Gold

HEX

#ACB04F

RGB

rgb(172, 176, 79)

HSL

hsl(62, 38%, 50%)

HSB

hsb(62, 55%, 69%)

CMYK

cmyk(2%, 0%, 55%, 31%)

Oklch

oklch(73.4% 0.121 111.2)

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

#F7A9B9

Peach Pink · LightPink · Cherry Blossom

HEX

#F7A9B9

RGB

rgb(247, 169, 185)

HSL

hsl(348, 83%, 82%)

HSB

hsb(348, 32%, 97%)

CMYK

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

Oklch

oklch(81.4% 0.094 5.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#B793AD

Mauve · DarkGray · Lilac Purple

HEX

#B793AD

RGB

rgb(183, 147, 173)

HSL

hsl(317, 20%, 65%)

HSB

hsb(317, 20%, 72%)

CMYK

cmyk(0%, 20%, 5%, 28%)

Oklch

oklch(70.5% 0.056 336.3)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#897F98

Deep Indigo · LightSlateGray · Violet

HEX

#897F98

RGB

rgb(137, 127, 152)

HSL

hsl(264, 11%, 55%)

HSB

hsb(264, 16%, 60%)

CMYK

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

Oklch

oklch(61.4% 0.039 303.4)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#99ADB6

Sky Blue · DarkGray · Lake Green

HEX

#99ADB6

RGB

rgb(153, 173, 182)

HSL

hsl(199, 17%, 66%)

HSB

hsb(199, 16%, 71%)

CMYK

cmyk(16%, 5%, 0%, 29%)

Oklch

oklch(73.5% 0.026 226.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACB04F

524FB0

Analogous

B0834F

ACB04F

7CB04F

Triadic

ACB04F

4FADB0

B04FAD

Split-Comp.

ACB04F

4F7CB0

834FB0

Tetradic

ACB04F

4FB083

524FB0

B04F7C

Contrast Matrix WCAG 2.1 Contrast

ACB04F	F7A9B9	B793AD	897F98	99ADB6
—	1.2 Fail	1.2 Fail	1.6 Fail	1.0 Fail
1.2 Fail	—	1.5 Fail	2.0 Fail	1.3 Fail
1.2 Fail	1.5 Fail	—	1.4 Fail	1.2 Fail
1.6 Fail	2.0 Fail	1.4 Fail	—	1.6 Fail
1.0 Fail	1.3 Fail	1.2 Fail	1.6 Fail	—

White BG

2.3Fail

1.9Fail

2.7Fail

3.8AA Large

2.3Fail

Black BG

9.1AAA

11.3AAA

7.8AAA

5.6AA

9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAE66

D5D5B5

A7A7A7

858592

A2A2B4

Deuteranopia

AEAD6C

DAE0B4

AAACA5

858691

A19FB3

Tritanopia

AC797D

F3B2B1

B5A2A1

898D8C

9AB2B2

Achromatopsia

A4A4A4

C2C2C2

A1A1A1

858585

A8A8A8

Shades & Tints Shades & Tints

#ACB04F

Dark

Light

#F7A9B9

Dark

Light

#B793AD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #acb04f;
  --color-2: #f7a9b9;
  --color-3: #b793ad;
  --color-4: #897f98;
  --color-5: #99adb6;
}

SCSS

$color-1: #acb04f;
$color-2: #f7a9b9;
$color-3: #b793ad;
$color-4: #897f98;
$color-5: #99adb6;

TAILWIND

colors: {
  'brand-1': '#acb04f',
  'brand-2': '#f7a9b9',
  'brand-3': '#b793ad',
  'brand-4': '#897f98',
  'brand-5': '#99adb6',
}

RGB Array

[172, 176, 79], [247, 169, 185], [183, 147, 173], [137, 127, 152], [153, 173, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ACB04F, #F7A9B9, #B793AD, #897F98, #99ADB6 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: #acb04f; --color-2: #f7a9b9; --color-3: #b793ad; --color-4: #897f98; --color-5: #99adb6. 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