← Back to Editor

#9DBCB3 · #9DACA3 · #95948B · #816B67 · #65261C

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

#9DBCB3

Jade · DarkGray · Lake Green

HEX
#9DBCB3
RGB
rgb(157, 188, 179)
HSL
hsl(163, 19%, 68%)
HSB
hsb(163, 16%, 74%)
CMYK
cmyk(16%, 0%, 5%, 26%)
Oklch
oklch(77.0% 0.036 175.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#9DACA3

Celadon · DarkGray · Silver Sand

HEX
#9DACA3
RGB
rgb(157, 172, 163)
HSL
hsl(144, 8%, 65%)
HSB
hsb(144, 9%, 67%)
CMYK
cmyk(9%, 0%, 5%, 33%)
Oklch
oklch(73.0% 0.021 159.6)

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

#95948B

Ash · Gray · Silver Sand

HEX
#95948B
RGB
rgb(149, 148, 139)
HSL
hsl(54, 5%, 56%)
HSB
hsb(54, 7%, 58%)
CMYK
cmyk(0%, 1%, 7%, 42%)
Oklch
oklch(66.5% 0.013 101.6)

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

#816B67

Crimson · DimGray · Passion Red

HEX
#816B67
RGB
rgb(129, 107, 103)
HSL
hsl(9, 11%, 45%)
HSB
hsb(9, 20%, 51%)
CMYK
cmyk(0%, 17%, 20%, 49%)
Oklch
oklch(54.8% 0.029 30.1)

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

#65261C

Crimson · Maroon · Wine Red

HEX
#65261C
RGB
rgb(101, 38, 28)
HSL
hsl(8, 57%, 25%)
HSB
hsb(8, 72%, 40%)
CMYK
cmyk(0%, 62%, 72%, 60%)
Oklch
oklch(35.9% 0.093 31.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9DBCB3
BD9EA7

Analogous

9EBDA5
9DBCB3
9EB6BD

Triadic

9DBCB3
B49EBD
BDB49E

Split-Comp.

9DBCB3
BD9EB6
BDA59E

Tetradic

9DBCB3
A59EBD
BD9EA7
B6BD9E

Contrast Matrix WCAG 2.1 Contrast

9DBCB3
9DACA3
95948B
816B67
65261C
—
1.2
Fail
1.5
Fail
2.4
Fail
5.6
AA
1.2
Fail
—
1.3
Fail
2.1
Fail
4.8
AA
1.5
Fail
1.3
Fail
—
1.6
Fail
3.7
AA Large
2.4
Fail
2.1
Fail
1.6
Fail
—
2.3
Fail
5.6
AA
4.8
AA
3.7
AA Large
2.3
Fail
—
White BG
2.0Fail
2.4Fail
3.0AA Large
5.0AA
11.4AAA
Black BG
10.3AAA
8.9AAA
6.9AA
4.2AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAABB5
A3A4A5
95958D
777768
4A491E

Deuteranopia

A9A6B6
A3A2A6
95958E
797A68
4D521F

Tritanopia

9FB7B7
9EA7A7
958F8F
806969
622021

Achromatopsia

B2B2B2
A6A6A6
939393
717171
383838

Shades & Tints Shades & Tints

#9DBCB3

Dark
Light

#9DACA3

Dark
Light

#95948B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9dbcb3;
  --color-2: #9daca3;
  --color-3: #95948b;
  --color-4: #816b67;
  --color-5: #65261c;
}

SCSS

$color-1: #9dbcb3;
$color-2: #9daca3;
$color-3: #95948b;
$color-4: #816b67;
$color-5: #65261c;

TAILWIND

colors: {
  'brand-1': '#9dbcb3',
  'brand-2': '#9daca3',
  'brand-3': '#95948b',
  'brand-4': '#816b67',
  'brand-5': '#65261c',
}

RGB Array

[157, 188, 179], [157, 172, 163], [149, 148, 139], [129, 107, 103], [101, 38, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9DBCB3, #9DACA3, #95948B, #816B67, #65261C 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: #9dbcb3; --color-2: #9daca3; --color-3: #95948b; --color-4: #816b67; --color-5: #65261c. 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