← Back to Editor

#101010 · #251025 · #351010 · #551010 · #353535

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 Library

Color Details Color Details

#101010

Ink Black · Black · Jet Black

HEX
#101010
RGB
rgb(16, 16, 16)
HSL
hsl(0, 0%, 6%)
HSB
hsb(0, 0%, 6%)
CMYK
cmyk(0%, 0%, 0%, 94%)
Oklch
oklch(17.3% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#251025

Rose Purple · Black · Dark Purple

HEX
#251025
RGB
rgb(37, 16, 37)
HSL
hsl(300, 40%, 10%)
HSB
hsb(300, 57%, 15%)
CMYK
cmyk(0%, 57%, 0%, 85%)
Oklch
oklch(21.4% 0.050 327.1)

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

#351010

Crimson · Black · Deep Berry

HEX
#351010
RGB
rgb(53, 16, 16)
HSL
hsl(0, 54%, 14%)
HSB
hsb(0, 70%, 21%)
CMYK
cmyk(0%, 70%, 70%, 79%)
Oklch
oklch(23.4% 0.060 22.9)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#551010

Vermilion · Maroon · Deep Berry

HEX
#551010
RGB
rgb(85, 16, 16)
HSL
hsl(0, 68%, 20%)
HSB
hsb(0, 81%, 33%)
CMYK
cmyk(0%, 81%, 81%, 67%)
Oklch
oklch(29.8% 0.100 25.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#353535

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#353535
RGB
rgb(53, 53, 53)
HSL
hsl(0, 0%, 21%)
HSB
hsb(0, 0%, 21%)
CMYK
cmyk(0%, 0%, 0%, 79%)
Oklch
oklch(32.9% 0.000 89.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

101010
0F0F0F

Analogous

0F0F0F
101010
0F0F0F

Triadic

101010
0F0F0F
0F0F0F

Split-Comp.

101010
0F0F0F
0F0F0F

Tetradic

101010
0F0F0F
0F0F0F
0F0F0F

Contrast Matrix WCAG 2.1 Contrast

101010
251025
351010
551010
353535
—
1.1
Fail
1.1
Fail
1.3
Fail
1.6
Fail
1.1
Fail
—
1.0
Fail
1.2
Fail
1.5
Fail
1.1
Fail
1.0
Fail
—
1.2
Fail
1.4
Fail
1.3
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
White BG
19.0AAA
17.8AAA
17.0AAA
14.3AAA
12.3AAA
Black BG
1.1Fail
1.2Fail
1.2Fail
1.5Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

101010
1C1C20
252510
373710
353535

Deuteranopia

101010
1D1F1F
272A10
3B4010
353535

Tritanopia

101010
241C1B
331010
521010
353535

Achromatopsia

101010
191919
1B1B1B
252525
353535

Shades & Tints Shades & Tints

#101010

Dark
Light

#251025

Dark
Light

#351010

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #101010;
  --color-2: #251025;
  --color-3: #351010;
  --color-4: #551010;
  --color-5: #353535;
}

SCSS

$color-1: #101010;
$color-2: #251025;
$color-3: #351010;
$color-4: #551010;
$color-5: #353535;

TAILWIND

colors: {
  'brand-1': '#101010',
  'brand-2': '#251025',
  'brand-3': '#351010',
  'brand-4': '#551010',
  'brand-5': '#353535',
}

RGB Array

[16, 16, 16], [37, 16, 37], [53, 16, 16], [85, 16, 16], [53, 53, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #101010, #251025, #351010, #551010, #353535 is ideal for: tech websites, dark mode UIs, game UIs. 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: #101010; --color-2: #251025; --color-3: #351010; --color-4: #551010; --color-5: #353535. 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. 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