← Back to Editor

#C7CCA9 · #1A1417 · #1C161A · #171B21 · #CCD6B0

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#C7CCA9

Fresh Green · Silver · Sunflower

HEX
#C7CCA9
RGB
rgb(199, 204, 169)
HSL
hsl(69, 26%, 73%)
HSB
hsb(69, 17%, 80%)
CMYK
cmyk(2%, 0%, 17%, 20%)
Oklch
oklch(83.2% 0.048 114.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#1A1417

Dark Violet · Black · Raspberry

HEX
#1A1417
RGB
rgb(26, 20, 23)
HSL
hsl(330, 13%, 9%)
HSB
hsb(330, 23%, 10%)
CMYK
cmyk(0%, 23%, 12%, 90%)
Oklch
oklch(20.0% 0.011 346.6)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#1C161A

Rose Purple · Black · Raspberry

HEX
#1C161A
RGB
rgb(28, 22, 26)
HSL
hsl(320, 12%, 10%)
HSB
hsb(320, 21%, 11%)
CMYK
cmyk(0%, 21%, 7%, 89%)
Oklch
oklch(20.9% 0.012 338.4)

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

#171B21

Indigo · Black · Deep Sea Blue

HEX
#171B21
RGB
rgb(23, 27, 33)
HSL
hsl(216, 18%, 11%)
HSB
hsb(216, 30%, 13%)
CMYK
cmyk(30%, 18%, 0%, 87%)
Oklch
oklch(22.1% 0.013 258.4)

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

#CCD6B0

Willow Green · Silver · Apple Green

HEX
#CCD6B0
RGB
rgb(204, 214, 176)
HSL
hsl(76, 32%, 76%)
HSB
hsb(76, 18%, 84%)
CMYK
cmyk(5%, 0%, 18%, 16%)
Oklch
oklch(85.8% 0.052 119.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7CCA9
AEA8CC

Analogous

CCC0A8
C7CCA9
B5CCA8

Triadic

C7CCA9
A8C7CC
CCA8C7

Split-Comp.

C7CCA9
A8B5CC
C0A8CC

Tetradic

C7CCA9
A8CCC0
AEA8CC
CCA8B5

Contrast Matrix WCAG 2.1 Contrast

C7CCA9
1A1417
1C161A
171B21
CCD6B0
—
10.9
AAA
10.7
AAA
10.4
AAA
1.1
Fail
10.9
AAA
—
1.0
Fail
1.1
Fail
11.9
AAA
10.7
AAA
1.0
Fail
—
1.0
Fail
11.7
AAA
10.4
AAA
1.1
Fail
1.0
Fail
—
11.4
AAA
1.1
Fail
11.9
AAA
11.7
AAA
11.4
AAA
—
White BG
1.7Fail
18.2AAA
17.8AAA
17.3AAA
1.5Fail
Black BG
12.6AAA
1.2Fail
1.2Fail
1.2Fail
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9B1
171716
191919
191920
D0D0B9

Deuteranopia

C9C8B4
181816
1A1A19
19181F
D0CFBB

Tritanopia

C7B8BA
1A1616
1C1818
171E1E
CCC0C2

Achromatopsia

C7C7C7
161616
181818
1A1A1A
CFCFCF

Shades & Tints Shades & Tints

#C7CCA9

Dark
Light

#1A1417

Dark
Light

#1C161A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7cca9;
  --color-2: #1a1417;
  --color-3: #1c161a;
  --color-4: #171b21;
  --color-5: #ccd6b0;
}

SCSS

$color-1: #c7cca9;
$color-2: #1a1417;
$color-3: #1c161a;
$color-4: #171b21;
$color-5: #ccd6b0;

TAILWIND

colors: {
  'brand-1': '#c7cca9',
  'brand-2': '#1a1417',
  'brand-3': '#1c161a',
  'brand-4': '#171b21',
  'brand-5': '#ccd6b0',
}

RGB Array

[199, 204, 169], [26, 20, 23], [28, 22, 26], [23, 27, 33], [204, 214, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #C7CCA9, #1A1417, #1C161A, #171B21, #CCD6B0 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, 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: #c7cca9; --color-2: #1a1417; --color-3: #1c161a; --color-4: #171b21; --color-5: #ccd6b0. 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 space-style 5-color scheme is especially suited for finance, legal, luxury 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