← Back to Editor

#ADAFAA · #6C1C11 · #901817 · #0C0E09 · #70756F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#ADAFAA

Ash · DarkGray · Silver Sand

HEX
#ADAFAA
RGB
rgb(173, 175, 170)
HSL
hsl(84, 3%, 68%)
HSB
hsb(84, 3%, 69%)
CMYK
cmyk(1%, 0%, 3%, 31%)
Oklch
oklch(75.1% 0.007 124.5)

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

#6C1C11

Vermilion · Maroon · Wine Red

HEX
#6C1C11
RGB
rgb(108, 28, 17)
HSL
hsl(7, 73%, 25%)
HSB
hsb(7, 84%, 42%)
CMYK
cmyk(0%, 74%, 84%, 58%)
Oklch
oklch(35.7% 0.115 31.0)

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

#901817

Vermilion · Brown · Wine Red

HEX
#901817
RGB
rgb(144, 24, 23)
HSL
hsl(0, 72%, 33%)
HSB
hsb(0, 84%, 56%)
CMYK
cmyk(0%, 83%, 84%, 44%)
Oklch
oklch(42.4% 0.155 27.3)

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

#0C0E09

Grass Green · Black · Dark Green

HEX
#0C0E09
RGB
rgb(12, 14, 9)
HSL
hsl(84, 22%, 5%)
HSB
hsb(84, 36%, 5%)
CMYK
cmyk(14%, 0%, 36%, 95%)
Oklch
oklch(15.9% 0.011 125.2)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

#70756F

Ink Gray · DimGray · Warm Gray

HEX
#70756F
RGB
rgb(112, 117, 111)
HSL
hsl(110, 3%, 45%)
HSB
hsb(110, 5%, 46%)
CMYK
cmyk(4%, 0%, 5%, 54%)
Oklch
oklch(55.6% 0.011 140.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADAFAA
ADABB0

Analogous

B0AFAB
ADAFAA
ABB0AB

Triadic

ADAFAA
ABAEB0
B0ABAE

Split-Comp.

ADAFAA
ABABB0
AFABB0

Tetradic

ADAFAA
ABB0AF
ADABB0
B0ABAB

Contrast Matrix WCAG 2.1 Contrast

ADAFAA
6C1C11
901817
0C0E09
70756F
—
5.2
AA
4.1
AA Large
8.8
AAA
2.1
Fail
5.2
AA
—
1.3
Fail
1.7
Fail
2.5
Fail
4.1
AA Large
1.3
Fail
—
2.2
Fail
1.9
Fail
8.8
AAA
1.7
Fail
2.2
Fail
—
4.1
AA Large
2.1
Fail
2.5
Fail
1.9
Fail
4.1
AA Large
—
White BG
2.2Fail
11.6AAA
9.0AAA
19.4AAA
4.7AA
Black BG
9.5AAA
1.8Fail
2.3Fail
1.1Fail
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAEAB
494914
5C5B17
0D0D0A
727270

Deuteranopia

AEAEAC
4E5414
636C17
0D0D0B
727271

Tritanopia

ADACAC
681616
8A1717
0C0B0B
707272

Achromatopsia

AEAEAE
333333
3C3C3C
0D0D0D
737373

Shades & Tints Shades & Tints

#ADAFAA

Dark
Light

#6C1C11

Dark
Light

#901817

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adafaa;
  --color-2: #6c1c11;
  --color-3: #901817;
  --color-4: #0c0e09;
  --color-5: #70756f;
}

SCSS

$color-1: #adafaa;
$color-2: #6c1c11;
$color-3: #901817;
$color-4: #0c0e09;
$color-5: #70756f;

TAILWIND

colors: {
  'brand-1': '#adafaa',
  'brand-2': '#6c1c11',
  'brand-3': '#901817',
  'brand-4': '#0c0e09',
  'brand-5': '#70756f',
}

RGB Array

[173, 175, 170], [108, 28, 17], [144, 24, 23], [12, 14, 9], [112, 117, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADAFAA, #6C1C11, #901817, #0C0E09, #70756F 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: #adafaa; --color-2: #6c1c11; --color-3: #901817; --color-4: #0c0e09; --color-5: #70756f. 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