← Back to Editor

#172959 · #536571 · #6A7F78 · #92A786 · #C1BE79

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 Library

Color Details Color Details

#172959

Indigo · MidnightBlue · Prussian Blue

HEX
#172959
RGB
rgb(23, 41, 89)
HSL
hsl(224, 59%, 22%)
HSB
hsb(224, 74%, 35%)
CMYK
cmyk(74%, 54%, 0%, 65%)
Oklch
oklch(29.6% 0.090 265.7)

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

#536571

Slate Blue · DimGray · Prussian Blue

HEX
#536571
RGB
rgb(83, 101, 113)
HSL
hsl(204, 15%, 38%)
HSB
hsb(204, 27%, 44%)
CMYK
cmyk(27%, 11%, 0%, 56%)
Oklch
oklch(49.6% 0.029 237.4)

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

#6A7F78

Mineral Blue · Gray · Warm Gray

HEX
#6A7F78
RGB
rgb(106, 127, 120)
HSL
hsl(160, 9%, 46%)
HSB
hsb(160, 17%, 50%)
CMYK
cmyk(17%, 0%, 6%, 50%)
Oklch
oklch(57.7% 0.027 173.2)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

#92A786

Celadon · DarkSeaGreen · Olive Green

HEX
#92A786
RGB
rgb(146, 167, 134)
HSL
hsl(98, 16%, 59%)
HSB
hsb(98, 20%, 65%)
CMYK
cmyk(13%, 0%, 20%, 35%)
Oklch
oklch(70.3% 0.052 134.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#C1BE79

Fresh Green · Tan · Sunflower

HEX
#C1BE79
RGB
rgb(193, 190, 121)
HSL
hsl(58, 37%, 62%)
HSB
hsb(58, 37%, 76%)
CMYK
cmyk(0%, 2%, 37%, 24%)
Oklch
oklch(78.8% 0.090 106.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

172959
594817

Analogous

174A59
172959
261759

Triadic

172959
591729
295917

Split-Comp.

172959
592617
4A5917

Tetradic

172959
59174A
594817
175926

Contrast Matrix WCAG 2.1 Contrast

172959
536571
6A7F78
92A786
C1BE79
—
2.3
Fail
3.3
AA Large
5.4
AA
7.3
AAA
2.3
Fail
—
1.4
Fail
2.3
Fail
3.1
AA Large
3.3
AA Large
1.4
Fail
—
1.6
Fail
2.2
Fail
5.4
AA
2.3
Fail
1.6
Fail
—
1.3
Fail
7.3
AAA
3.1
AA Large
2.2
Fail
1.3
Fail
—
White BG
14.0AAA
6.1AA
4.3AA Large
2.6Fail
1.9Fail
Black BG
1.5Fail
3.5AA Large
4.9AA
8.1AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F4D
5B5B6E
73737A
9B9B8E
C0C08A

Deuteranopia

1E1C4B
5A586D
72707A
9A9890
C0C08E

Tritanopia

184442
546C6B
6B7B7B
939496
C1979A

Achromatopsia

292929
616161
787878
9D9D9D
B7B7B7

Shades & Tints Shades & Tints

#172959

Dark
Light

#536571

Dark
Light

#6A7F78

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #172959;
  --color-2: #536571;
  --color-3: #6a7f78;
  --color-4: #92a786;
  --color-5: #c1be79;
}

SCSS

$color-1: #172959;
$color-2: #536571;
$color-3: #6a7f78;
$color-4: #92a786;
$color-5: #c1be79;

TAILWIND

colors: {
  'brand-1': '#172959',
  'brand-2': '#536571',
  'brand-3': '#6a7f78',
  'brand-4': '#92a786',
  'brand-5': '#c1be79',
}

RGB Array

[23, 41, 89], [83, 101, 113], [106, 127, 120], [146, 167, 134], [193, 190, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #172959, #536571, #6A7F78, #92A786, #C1BE79 is ideal for: brand design, premium product pages, magazine layouts. 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: #172959; --color-2: #536571; --color-3: #6a7f78; --color-4: #92a786; --color-5: #c1be79. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. 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