← Back to Editor

#AC5F5F · #AC6E5F · #AC815F · #AC875F · #AC935F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AC5F5F

Crimson · Sienna · Passion Red

HEX
#AC5F5F
RGB
rgb(172, 95, 95)
HSL
hsl(0, 32%, 52%)
HSB
hsb(0, 45%, 67%)
CMYK
cmyk(0%, 45%, 45%, 33%)
Oklch
oklch(57.4% 0.100 20.6)

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

#AC6E5F

Crimson · Gray · Passion Red

HEX
#AC6E5F
RGB
rgb(172, 110, 95)
HSL
hsl(12, 32%, 52%)
HSB
hsb(12, 45%, 67%)
CMYK
cmyk(0%, 36%, 45%, 33%)
Oklch
oklch(60.1% 0.083 34.3)

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

#AC815F

Tangerine · Gray · Warm Sun

HEX
#AC815F
RGB
rgb(172, 129, 95)
HSL
hsl(26, 32%, 52%)
HSB
hsb(26, 45%, 67%)
CMYK
cmyk(0%, 25%, 45%, 33%)
Oklch
oklch(63.7% 0.071 59.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#AC875F

Ginger · Gray · Warm Sun

HEX
#AC875F
RGB
rgb(172, 135, 95)
HSL
hsl(31, 32%, 52%)
HSB
hsb(31, 45%, 67%)
CMYK
cmyk(0%, 22%, 45%, 33%)
Oklch
oklch(64.9% 0.071 68.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#AC935F

Ginger · Gray · Sunflower

HEX
#AC935F
RGB
rgb(172, 147, 95)
HSL
hsl(41, 32%, 52%)
HSB
hsb(41, 45%, 67%)
CMYK
cmyk(0%, 15%, 45%, 33%)
Oklch
oklch(67.4% 0.076 84.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC5F5F
5DACAC

Analogous

AC5D85
AC5F5F
AC855D

Triadic

AC5F5F
5DAC5D
5D5DAC

Split-Comp.

AC5F5F
5DAC85
5D85AC

Tetradic

AC5F5F
85AC5D
5DACAC
855DAC

Contrast Matrix WCAG 2.1 Contrast

AC5F5F
AC6E5F
AC815F
AC875F
AC935F
—
1.1
Fail
1.3
Fail
1.4
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.6
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
White BG
4.6AA
4.1AA Large
3.5AA Large
3.3AA Large
3.0Fail
Black BG
4.6AA
5.1AA
6.1AA
6.4AA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8A5F
919163
999967
9C9C69
A1A16C

Deuteranopia

8F955F
959964
9C9F69
9EA16B
A3A56F

Tritanopia

A85F5F
A96566
AA6E6F
AA7072
AB7678

Achromatopsia

767676
7F7F7F
8A8A8A
8E8E8E
959595

Shades & Tints Shades & Tints

#AC5F5F

Dark
Light

#AC6E5F

Dark
Light

#AC815F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac5f5f;
  --color-2: #ac6e5f;
  --color-3: #ac815f;
  --color-4: #ac875f;
  --color-5: #ac935f;
}

SCSS

$color-1: #ac5f5f;
$color-2: #ac6e5f;
$color-3: #ac815f;
$color-4: #ac875f;
$color-5: #ac935f;

TAILWIND

colors: {
  'brand-1': '#ac5f5f',
  'brand-2': '#ac6e5f',
  'brand-3': '#ac815f',
  'brand-4': '#ac875f',
  'brand-5': '#ac935f',
}

RGB Array

[172, 95, 95], [172, 110, 95], [172, 129, 95], [172, 135, 95], [172, 147, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AC5F5F, #AC6E5F, #AC815F, #AC875F, #AC935F 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: #ac5f5f; --color-2: #ac6e5f; --color-3: #ac815f; --color-4: #ac875f; --color-5: #ac935f. 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