← Back to Editor

#595A6F · #05363A · #FFFFFF · #170C05 · #171A0D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#595A6F

Indigo · DimGray · Prussian Blue

HEX
#595A6F
RGB
rgb(89, 90, 111)
HSL
hsl(237, 11%, 39%)
HSB
hsb(237, 20%, 44%)
CMYK
cmyk(20%, 19%, 0%, 56%)
Oklch
oklch(47.5% 0.034 282.9)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#05363A

Lake Blue · DarkSlateGray · Peacock Green

HEX
#05363A
RGB
rgb(5, 54, 58)
HSL
hsl(185, 84%, 12%)
HSB
hsb(185, 91%, 23%)
CMYK
cmyk(91%, 7%, 0%, 77%)
Oklch
oklch(30.5% 0.049 203.4)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#170C05

Tangerine · Black · Cinnamon

HEX
#170C05
RGB
rgb(23, 12, 5)
HSL
hsl(23, 64%, 5%)
HSB
hsb(23, 78%, 9%)
CMYK
cmyk(0%, 48%, 78%, 91%)
Oklch
oklch(16.8% 0.024 56.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#171A0D

Grass Green · Black · Dark Green

HEX
#171A0D
RGB
rgb(23, 26, 13)
HSL
hsl(74, 33%, 8%)
HSB
hsb(74, 50%, 10%)
CMYK
cmyk(12%, 0%, 50%, 90%)
Oklch
oklch(21.0% 0.024 119.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

595A6F
6E6D59

Analogous

59656E
595A6F
62596E

Triadic

595A6F
6E595A
5A6E59

Split-Comp.

595A6F
6E6259
656E59

Tetradic

595A6F
6E5965
6E6D59
596E62

Contrast Matrix WCAG 2.1 Contrast

595A6F
05363A
FFFFFF
170C05
171A0D
—
2.0
Fail
6.7
AA
2.9
Fail
2.6
Fail
2.0
Fail
—
13.2
AAA
1.5
Fail
1.3
Fail
6.7
AA
13.2
AAA
—
19.2
AAA
17.6
AAA
2.9
Fail
1.5
Fail
19.2
AAA
—
1.1
Fail
2.6
Fail
1.3
Fail
17.6
AAA
1.1
Fail
—
White BG
6.7AA
13.2AAA
1.0Fail
19.2AAA
17.6AAA
Black BG
3.1AA Large
1.6Fail
21.0AAA
1.1Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

59596A
1A1B39
FFFFFF
121207
181810

Deuteranopia

595969
171439
FFFFFF
131407
181811

Tritanopia

596665
073838
FFFFFF
160808
171313

Achromatopsia

5C5C5C
282828
FFFFFF
0E0E0E
181818

Shades & Tints Shades & Tints

#595A6F

Dark
Light

#05363A

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #595a6f;
  --color-2: #05363a;
  --color-3: #ffffff;
  --color-4: #170c05;
  --color-5: #171a0d;
}

SCSS

$color-1: #595a6f;
$color-2: #05363a;
$color-3: #ffffff;
$color-4: #170c05;
$color-5: #171a0d;

TAILWIND

colors: {
  'brand-1': '#595a6f',
  'brand-2': '#05363a',
  'brand-3': '#ffffff',
  'brand-4': '#170c05',
  'brand-5': '#171a0d',
}

RGB Array

[89, 90, 111], [5, 54, 58], [255, 255, 255], [23, 12, 5], [23, 26, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #595A6F, #05363A, #FFFFFF, #170C05, #171A0D 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: #595a6f; --color-2: #05363a; --color-3: #ffffff; --color-4: #170c05; --color-5: #171a0d. 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