← Back to Editor

#010626 · #0C2A44 · #0D4554 · #758177 · #A9AB95

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#010626

Indigo · Black · Deep Sea Blue

HEX
#010626
RGB
rgb(1, 6, 38)
HSL
hsl(232, 95%, 8%)
HSB
hsb(232, 97%, 15%)
CMYK
cmyk(97%, 84%, 0%, 85%)
Oklch
oklch(14.5% 0.068 264.8)

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

#0C2A44

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#0C2A44
RGB
rgb(12, 42, 68)
HSL
hsl(208, 70%, 16%)
HSB
hsb(208, 82%, 27%)
CMYK
cmyk(82%, 38%, 0%, 73%)
Oklch
oklch(27.7% 0.060 248.1)

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

#0D4554

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0D4554
RGB
rgb(13, 69, 84)
HSL
hsl(193, 73%, 19%)
HSB
hsb(193, 85%, 33%)
CMYK
cmyk(85%, 18%, 0%, 67%)
Oklch
oklch(36.3% 0.060 220.5)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#758177

Ink Gray · Gray · Warm Gray

HEX
#758177
RGB
rgb(117, 129, 119)
HSL
hsl(130, 5%, 48%)
HSB
hsb(130, 9%, 51%)
CMYK
cmyk(9%, 0%, 8%, 49%)
Oklch
oklch(59.0% 0.021 150.3)

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

#A9AB95

Fresh Green · DarkGray · Sunflower

HEX
#A9AB95
RGB
rgb(169, 171, 149)
HSL
hsl(65, 12%, 63%)
HSB
hsb(65, 13%, 67%)
CMYK
cmyk(1%, 0%, 13%, 33%)
Oklch
oklch(73.3% 0.031 111.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

010626
282301

Analogous

011A28
010626
0F0128

Triadic

010626
280106
062801

Split-Comp.

010626
280F01
1A2801

Tetradic

010626
28011A
282301
01280F

Contrast Matrix WCAG 2.1 Contrast

010626
0C2A44
0D4554
758177
A9AB95
—
1.4
Fail
1.9
Fail
4.9
AA
8.5
AAA
1.4
Fail
—
1.4
Fail
3.6
AA Large
6.3
AA
1.9
Fail
1.4
Fail
—
2.6
Fail
4.5
AA Large
4.9
AA
3.6
AA Large
2.6
Fail
—
1.7
Fail
8.5
AAA
6.3
AA
4.5
AA Large
1.7
Fail
—
White BG
19.9AAA
14.7AAA
10.5AAA
4.1AA Large
2.3Fail
Black BG
1.1Fail
1.4Fail
2.0Fail
5.2AA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

03031E
19193E
252650
7A7A79
AAAA9A

Deuteranopia

03031C
17153C
221E50
7A797A
AAAA9C

Tritanopia

011817
0D3938
104E4D
767B7C
A99F9F

Achromatopsia

080808
242424
363636
7C7C7C
A8A8A8

Shades & Tints Shades & Tints

#010626

Dark
Light

#0C2A44

Dark
Light

#0D4554

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #010626;
  --color-2: #0c2a44;
  --color-3: #0d4554;
  --color-4: #758177;
  --color-5: #a9ab95;
}

SCSS

$color-1: #010626;
$color-2: #0c2a44;
$color-3: #0d4554;
$color-4: #758177;
$color-5: #a9ab95;

TAILWIND

colors: {
  'brand-1': '#010626',
  'brand-2': '#0c2a44',
  'brand-3': '#0d4554',
  'brand-4': '#758177',
  'brand-5': '#a9ab95',
}

RGB Array

[1, 6, 38], [12, 42, 68], [13, 69, 84], [117, 129, 119], [169, 171, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #010626, #0C2A44, #0D4554, #758177, #A9AB95 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: #010626; --color-2: #0c2a44; --color-3: #0d4554; --color-4: #758177; --color-5: #a9ab95. 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