← Back to Editor

#D3C1AB · #BD9282 · #97666C · #714E62 · #282633

space

A 5-color space 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

#D3C1AB

Goose Yellow · Silver · Warm Sun

HEX
#D3C1AB
RGB
rgb(211, 193, 171)
HSL
hsl(33, 31%, 75%)
HSB
hsb(33, 19%, 83%)
CMYK
cmyk(0%, 9%, 19%, 17%)
Oklch
oklch(82.0% 0.036 72.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#BD9282

Apricot · Tan · Warm Sun

HEX
#BD9282
RGB
rgb(189, 146, 130)
HSL
hsl(16, 31%, 63%)
HSB
hsb(16, 31%, 74%)
CMYK
cmyk(0%, 23%, 31%, 26%)
Oklch
oklch(69.6% 0.057 41.4)

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

#97666C

Crimson · Gray · Passion Red

HEX
#97666C
RGB
rgb(151, 102, 108)
HSL
hsl(353, 19%, 50%)
HSB
hsb(353, 32%, 59%)
CMYK
cmyk(0%, 32%, 28%, 41%)
Oklch
oklch(56.4% 0.064 11.2)

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

#714E62

Rose Purple · DimGray · Camellia

HEX
#714E62
RGB
rgb(113, 78, 98)
HSL
hsl(326, 18%, 37%)
HSB
hsb(326, 31%, 44%)
CMYK
cmyk(0%, 31%, 13%, 56%)
Oklch
oklch(46.9% 0.055 344.2)

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

#282633

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#282633
RGB
rgb(40, 38, 51)
HSL
hsl(249, 15%, 17%)
HSB
hsb(249, 25%, 20%)
CMYK
cmyk(22%, 25%, 0%, 80%)
Oklch
oklch(27.6% 0.024 291.8)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3C1AB
ABBDD3

Analogous

D3ADAB
D3C1AB
D1D3AB

Triadic

D3C1AB
ABD3C1
C1ABD3

Split-Comp.

D3C1AB
ABD1D3
ADABD3

Tetradic

D3C1AB
ABD3AD
ABBDD3
D3ABD1

Contrast Matrix WCAG 2.1 Contrast

D3C1AB
BD9282
97666C
714E62
282633
—
1.6
Fail
2.7
Fail
4.0
AA Large
8.5
AAA
1.6
Fail
—
1.7
Fail
2.6
Fail
5.4
AA
2.7
Fail
1.7
Fail
—
1.5
Fail
3.1
AA Large
4.0
AA Large
2.6
Fail
1.5
Fail
—
2.1
Fail
8.5
AAA
5.4
AA
3.1
AA Large
2.1
Fail
—
White BG
1.8Fail
2.8Fail
4.7AA
7.1AAA
14.8AAA
Black BG
12.0AAA
7.6AAA
4.4AA Large
3.0Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBB0
AAAA86
82816B
62625D
272730

Deuteranopia

CCCEB2
ADB087
85886A
64675C
27272F

Tritanopia

D2B5B5
BB898A
956969
6F5959
282D2D

Achromatopsia

C4C4C4
9D9D9D
757575
5B5B5B
282828

Shades & Tints Shades & Tints

#D3C1AB

Dark
Light

#BD9282

Dark
Light

#97666C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3c1ab;
  --color-2: #bd9282;
  --color-3: #97666c;
  --color-4: #714e62;
  --color-5: #282633;
}

SCSS

$color-1: #d3c1ab;
$color-2: #bd9282;
$color-3: #97666c;
$color-4: #714e62;
$color-5: #282633;

TAILWIND

colors: {
  'brand-1': '#d3c1ab',
  'brand-2': '#bd9282',
  'brand-3': '#97666c',
  'brand-4': '#714e62',
  'brand-5': '#282633',
}

RGB Array

[211, 193, 171], [189, 146, 130], [151, 102, 108], [113, 78, 98], [40, 38, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #D3C1AB, #BD9282, #97666C, #714E62, #282633 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: #d3c1ab; --color-2: #bd9282; --color-3: #97666c; --color-4: #714e62; --color-5: #282633. 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 space-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