← Back to Editor

#77A4A6 · #699091 · #43454D · #313238 · #26262B

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#77A4A6

Slate Blue · CadetBlue · Lake Green

HEX
#77A4A6
RGB
rgb(119, 164, 166)
HSL
hsl(183, 21%, 56%)
HSB
hsb(183, 28%, 65%)
CMYK
cmyk(28%, 1%, 0%, 35%)
Oklch
oklch(68.7% 0.048 199.5)

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

#699091

Slate Blue · SlateGray · Mint Ice

HEX
#699091
RGB
rgb(105, 144, 145)
HSL
hsl(182, 16%, 49%)
HSB
hsb(182, 28%, 57%)
CMYK
cmyk(28%, 1%, 0%, 43%)
Oklch
oklch(62.5% 0.043 198.1)

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

#43454D

Dark Cyan · DarkSlateGray · Charcoal

HEX
#43454D
RGB
rgb(67, 69, 77)
HSL
hsl(228, 7%, 28%)
HSB
hsb(228, 13%, 30%)
CMYK
cmyk(13%, 10%, 0%, 70%)
Oklch
oklch(39.2% 0.014 274.6)

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

#313238

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#313238
RGB
rgb(49, 50, 56)
HSL
hsl(231, 7%, 21%)
HSB
hsb(231, 12%, 22%)
CMYK
cmyk(13%, 11%, 0%, 78%)
Oklch
oklch(31.9% 0.011 278.2)

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

#26262B

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#26262B
RGB
rgb(38, 38, 43)
HSL
hsl(240, 6%, 16%)
HSB
hsb(240, 12%, 17%)
CMYK
cmyk(12%, 12%, 0%, 83%)
Oklch
oklch(27.1% 0.009 285.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

77A4A6
A67A77

Analogous

77A691
77A4A6
778CA6

Triadic

77A4A6
A677A4
A4A677

Split-Comp.

77A4A6
A6778C
A69177

Tetradic

77A4A6
9177A6
A67A77
8CA677

Contrast Matrix WCAG 2.1 Contrast

77A4A6
699091
43454D
313238
26262B
—
1.3
Fail
3.5
AA Large
4.7
AA
5.5
AA
1.3
Fail
—
2.7
Fail
3.6
AA Large
4.3
AA Large
3.5
AA Large
2.7
Fail
—
1.3
Fail
1.6
Fail
4.7
AA
3.6
AA Large
1.3
Fail
—
1.2
Fail
5.5
AA
4.3
AA Large
1.6
Fail
1.2
Fail
—
White BG
2.7Fail
3.5AA Large
9.6AAA
12.8AAA
15.1AAA
Black BG
7.6AAA
6.0AA
2.2Fail
1.6Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8BA6
7A7A91
44444B
313137
26262A

Deuteranopia

8885A5
787591
44444B
313136
26262A

Tritanopia

79A5A5
6B9191
434A49
313535
262929

Achromatopsia

979797
848484
454545
323232
272727

Shades & Tints Shades & Tints

#77A4A6

Dark
Light

#699091

Dark
Light

#43454D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #77a4a6;
  --color-2: #699091;
  --color-3: #43454d;
  --color-4: #313238;
  --color-5: #26262b;
}

SCSS

$color-1: #77a4a6;
$color-2: #699091;
$color-3: #43454d;
$color-4: #313238;
$color-5: #26262b;

TAILWIND

colors: {
  'brand-1': '#77a4a6',
  'brand-2': '#699091',
  'brand-3': '#43454d',
  'brand-4': '#313238',
  'brand-5': '#26262b',
}

RGB Array

[119, 164, 166], [105, 144, 145], [67, 69, 77], [49, 50, 56], [38, 38, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #77A4A6, #699091, #43454D, #313238, #26262B is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. 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: #77a4a6; --color-2: #699091; --color-3: #43454d; --color-4: #313238; --color-5: #26262b. 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 dark-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