← Back to Editor

#C1C5B7 · #6B8989 · #7D5F23 · #7E1222 · #1F2523

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

#C1C5B7

Willow Green · Silver · Apple Green

HEX
#C1C5B7
RGB
rgb(193, 197, 183)
HSL
hsl(77, 11%, 75%)
HSB
hsb(77, 7%, 77%)
CMYK
cmyk(2%, 0%, 7%, 23%)
Oklch
oklch(81.6% 0.020 119.8)

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

#6B8989

Slate Blue · SlateGray · Mint Ice

HEX
#6B8989
RGB
rgb(107, 137, 137)
HSL
hsl(180, 12%, 48%)
HSB
hsb(180, 22%, 54%)
CMYK
cmyk(22%, 0%, 0%, 46%)
Oklch
oklch(60.7% 0.034 196.3)

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

#7D5F23

Ochre · Sienna · Honey Gold

HEX
#7D5F23
RGB
rgb(125, 95, 35)
HSL
hsl(40, 56%, 31%)
HSB
hsb(40, 72%, 49%)
CMYK
cmyk(0%, 24%, 72%, 51%)
Oklch
oklch(50.4% 0.086 81.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#7E1222

Vermilion · Maroon · Wine Red

HEX
#7E1222
RGB
rgb(126, 18, 34)
HSL
hsl(351, 75%, 28%)
HSB
hsb(351, 86%, 49%)
CMYK
cmyk(0%, 86%, 73%, 51%)
Oklch
oklch(38.6% 0.141 20.1)

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

#1F2523

Mineral Blue · Black · Dark Stone

HEX
#1F2523
RGB
rgb(31, 37, 35)
HSL
hsl(160, 9%, 13%)
HSB
hsb(160, 16%, 15%)
CMYK
cmyk(16%, 0%, 5%, 85%)
Oklch
oklch(25.8% 0.009 173.5)

Traditional「Mineral Blue」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1C5B7
BCB8C6

Analogous

C6C3B8
C1C5B7
BBC6B8

Triadic

C1C5B7
B8C2C6
C6B8C2

Split-Comp.

C1C5B7
B8BBC6
C3B8C6

Tetradic

C1C5B7
B8C6C3
BCB8C6
C6B8BB

Contrast Matrix WCAG 2.1 Contrast

C1C5B7
6B8989
7D5F23
7E1222
1F2523
—
2.1
Fail
3.4
AA Large
6.0
AA
8.9
AAA
2.1
Fail
—
1.6
Fail
2.8
Fail
4.1
AA Large
3.4
AA Large
1.6
Fail
—
1.8
Fail
2.6
Fail
6.0
AA
2.8
Fail
1.8
Fail
—
1.5
Fail
8.9
AAA
4.1
AA Large
2.6
Fail
1.5
Fail
—
White BG
1.8Fail
3.8AA Large
5.9AA
10.5AAA
15.6AAA
Black BG
11.9AAA
5.6AA
3.5AA Large
2.0Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3BA
787889
707032
4F4E1E
222223

Deuteranopia

C3C2BB
767489
727435
565E1D
212124

Tritanopia

C1BDBE
6C8989
7C3D40
791B1A
1F2424

Achromatopsia

C2C2C2
808080
616161
343434
232323

Shades & Tints Shades & Tints

#C1C5B7

Dark
Light

#6B8989

Dark
Light

#7D5F23

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1c5b7;
  --color-2: #6b8989;
  --color-3: #7d5f23;
  --color-4: #7e1222;
  --color-5: #1f2523;
}

SCSS

$color-1: #c1c5b7;
$color-2: #6b8989;
$color-3: #7d5f23;
$color-4: #7e1222;
$color-5: #1f2523;

TAILWIND

colors: {
  'brand-1': '#c1c5b7',
  'brand-2': '#6b8989',
  'brand-3': '#7d5f23',
  'brand-4': '#7e1222',
  'brand-5': '#1f2523',
}

RGB Array

[193, 197, 183], [107, 137, 137], [125, 95, 35], [126, 18, 34], [31, 37, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C1C5B7, #6B8989, #7D5F23, #7E1222, #1F2523 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #c1c5b7; --color-2: #6b8989; --color-3: #7d5f23; --color-4: #7e1222; --color-5: #1f2523. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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. 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