← Back to Editor

#737471 · #639191 · #B6BAB6 · #C9CDC9 · #D7DDD9

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#737471

Ink Gray · DimGray · Warm Gray

HEX
#737471
RGB
rgb(115, 116, 113)
HSL
hsl(80, 1%, 45%)
HSB
hsb(80, 3%, 45%)
CMYK
cmyk(1%, 0%, 3%, 55%)
Oklch
oklch(55.7% 0.005 121.6)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#639191

Slate Blue · CadetBlue · Mint Ice

HEX
#639191
RGB
rgb(99, 145, 145)
HSL
hsl(180, 19%, 48%)
HSB
hsb(180, 32%, 57%)
CMYK
cmyk(32%, 0%, 0%, 43%)
Oklch
oklch(62.4% 0.050 195.9)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#B6BAB6

Silver Gray · Silver · Pearl Gray

HEX
#B6BAB6
RGB
rgb(182, 186, 182)
HSL
hsl(120, 3%, 72%)
HSB
hsb(120, 2%, 73%)
CMYK
cmyk(2%, 0%, 2%, 27%)
Oklch
oklch(78.5% 0.007 145.5)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#C9CDC9

Silver Gray · LightGray · Pearl Gray

HEX
#C9CDC9
RGB
rgb(201, 205, 201)
HSL
hsl(120, 4%, 80%)
HSB
hsb(120, 2%, 80%)
CMYK
cmyk(2%, 0%, 2%, 20%)
Oklch
oklch(84.4% 0.007 145.5)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#D7DDD9

Celadon · LightGray · Pearl Gray

HEX
#D7DDD9
RGB
rgb(215, 221, 217)
HSL
hsl(140, 8%, 85%)
HSB
hsb(140, 3%, 87%)
CMYK
cmyk(3%, 0%, 2%, 13%)
Oklch
oklch(89.2% 0.008 157.1)

Traditional「Celadon」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

737471
727274

Analogous

747472
737471
727472

Triadic

737471
727374
747273

Split-Comp.

737471
727274
747274

Tetradic

737471
727474
727274
747272

Contrast Matrix WCAG 2.1 Contrast

737471
639191
B6BAB6
C9CDC9
D7DDD9
—
1.3
Fail
2.4
Fail
2.9
Fail
3.4
AA Large
1.3
Fail
—
1.8
Fail
2.2
Fail
2.5
Fail
2.4
Fail
1.8
Fail
—
1.2
Fail
1.4
Fail
2.9
Fail
2.2
Fail
1.2
Fail
—
1.2
Fail
3.4
AA Large
2.5
Fail
1.4
Fail
1.2
Fail
—
White BG
4.7AA
3.5AA Large
2.0Fail
1.6Fail
1.4Fail
Black BG
4.5AA Large
6.0AA
10.7AAA
13.1AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

737372
777791
B8B8B7
CBCBCA
DADADA

Deuteranopia

737372
747191
B8B7B7
CBCACA
D9D9DA

Tritanopia

737272
659191
B6B8B8
C9CBCB
D7DBDB

Achromatopsia

737373
838383
B8B8B8
CBCBCB
DBDBDB

Shades & Tints Shades & Tints

#737471

Dark
Light

#639191

Dark
Light

#B6BAB6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #737471;
  --color-2: #639191;
  --color-3: #b6bab6;
  --color-4: #c9cdc9;
  --color-5: #d7ddd9;
}

SCSS

$color-1: #737471;
$color-2: #639191;
$color-3: #b6bab6;
$color-4: #c9cdc9;
$color-5: #d7ddd9;

TAILWIND

colors: {
  'brand-1': '#737471',
  'brand-2': '#639191',
  'brand-3': '#b6bab6',
  'brand-4': '#c9cdc9',
  'brand-5': '#d7ddd9',
}

RGB Array

[115, 116, 113], [99, 145, 145], [182, 186, 182], [201, 205, 201], [215, 221, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #737471, #639191, #B6BAB6, #C9CDC9, #D7DDD9 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #737471; --color-2: #639191; --color-3: #b6bab6; --color-4: #c9cdc9; --color-5: #d7ddd9. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 dark-style 5-color scheme is especially suited for beauty, lifestyle, arts 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