← Back to Editor

#1A1D1D · #995762 · #A67990 · #98B596 · #CFA26B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#1A1D1D

Ink Black · Black · Dark Stone

HEX
#1A1D1D
RGB
rgb(26, 29, 29)
HSL
hsl(180, 5%, 11%)
HSB
hsb(180, 10%, 11%)
CMYK
cmyk(10%, 0%, 0%, 89%)
Oklch
oklch(22.8% 0.005 196.8)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#995762

Crimson · DimGray · Passion Red

HEX
#995762
RGB
rgb(153, 87, 98)
HSL
hsl(350, 27%, 47%)
HSB
hsb(350, 43%, 60%)
CMYK
cmyk(0%, 43%, 36%, 40%)
Oklch
oklch(53.6% 0.088 9.8)

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

#A67990

Rose Purple · Gray · Rose Pink

HEX
#A67990
RGB
rgb(166, 121, 144)
HSL
hsl(329, 20%, 56%)
HSB
hsb(329, 27%, 65%)
CMYK
cmyk(0%, 27%, 13%, 35%)
Oklch
oklch(62.8% 0.064 347.0)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#98B596

Celadon · DarkSeaGreen · Apple Green

HEX
#98B596
RGB
rgb(152, 181, 150)
HSL
hsl(116, 17%, 65%)
HSB
hsb(116, 17%, 71%)
CMYK
cmyk(16%, 0%, 17%, 29%)
Oklch
oklch(74.3% 0.054 143.3)

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

#CFA26B

Ginger · DarkSalmon · Warm Sun

HEX
#CFA26B
RGB
rgb(207, 162, 107)
HSL
hsl(33, 51%, 62%)
HSB
hsb(33, 48%, 81%)
CMYK
cmyk(0%, 22%, 48%, 19%)
Oklch
oklch(74.2% 0.089 71.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A1D1D
1D1B1B

Analogous

1B1D1C
1A1D1D
1B1C1D

Triadic

1A1D1D
1D1B1D
1D1D1B

Split-Comp.

1A1D1D
1D1B1C
1D1C1B

Tetradic

1A1D1D
1C1B1D
1D1B1B
1C1D1B

Contrast Matrix WCAG 2.1 Contrast

1A1D1D
995762
A67990
98B596
CFA26B
—
3.1
AA Large
4.7
AA
7.6
AAA
7.3
AAA
3.1
AA Large
—
1.5
Fail
2.4
Fail
2.3
Fail
4.7
AA
1.5
Fail
—
1.6
Fail
1.6
Fail
7.6
AAA
2.4
Fail
1.6
Fail
—
1.0
Fail
7.3
AAA
2.3
Fail
1.6
Fail
1.0
Fail
—
White BG
17.0AAA
5.4AA
3.6AA Large
2.2Fail
2.3Fail
Black BG
1.2Fail
3.9AA Large
5.8AA
9.4AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B1D
7C7C5F
93928A
A5A59E
BCBB78

Deuteranopia

1B1B1D
80855F
959989
A3A19F
BEC17C

Tritanopia

1A1D1D
965D5D
A48685
99A3A5
CD8385

Achromatopsia

1C1C1C
6C6C6C
898989
A9A9A9
A9A9A9

Shades & Tints Shades & Tints

#1A1D1D

Dark
Light

#995762

Dark
Light

#A67990

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a1d1d;
  --color-2: #995762;
  --color-3: #a67990;
  --color-4: #98b596;
  --color-5: #cfa26b;
}

SCSS

$color-1: #1a1d1d;
$color-2: #995762;
$color-3: #a67990;
$color-4: #98b596;
$color-5: #cfa26b;

TAILWIND

colors: {
  'brand-1': '#1a1d1d',
  'brand-2': '#995762',
  'brand-3': '#a67990',
  'brand-4': '#98b596',
  'brand-5': '#cfa26b',
}

RGB Array

[26, 29, 29], [153, 87, 98], [166, 121, 144], [152, 181, 150], [207, 162, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A1D1D, #995762, #A67990, #98B596, #CFA26B is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #1a1d1d; --color-2: #995762; --color-3: #a67990; --color-4: #98b596; --color-5: #cfa26b. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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. Restrained colors convey professionalism and trust. 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