← Back to Editor

#13121C · #3C4B57 · #5C877F · #76C29F · #C8DBAB

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

#13121C

Deep Indigo · Black · Deep Sea Blue

HEX
#13121C
RGB
rgb(19, 18, 28)
HSL
hsl(246, 22%, 9%)
HSB
hsb(246, 36%, 11%)
CMYK
cmyk(32%, 36%, 0%, 89%)
Oklch
oklch(18.8% 0.020 288.9)

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

#3C4B57

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#3C4B57
RGB
rgb(60, 75, 87)
HSL
hsl(207, 18%, 29%)
HSB
hsb(207, 31%, 34%)
CMYK
cmyk(31%, 14%, 0%, 66%)
Oklch
oklch(40.5% 0.028 242.5)

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

#5C877F

Mineral Blue · SlateGray · Mint Ice

HEX
#5C877F
RGB
rgb(92, 135, 127)
HSL
hsl(169, 19%, 45%)
HSB
hsb(169, 32%, 53%)
CMYK
cmyk(32%, 0%, 6%, 47%)
Oklch
oklch(59.0% 0.049 181.7)

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

#76C29F

Jade · MediumAquaMarine · Apple Green

HEX
#76C29F
RGB
rgb(118, 194, 159)
HSL
hsl(152, 38%, 61%)
HSB
hsb(152, 39%, 76%)
CMYK
cmyk(39%, 0%, 18%, 24%)
Oklch
oklch(75.5% 0.092 163.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#C8DBAB

Willow Green · Silver · Apple Green

HEX
#C8DBAB
RGB
rgb(200, 219, 171)
HSL
hsl(84, 40%, 76%)
HSB
hsb(84, 22%, 86%)
CMYK
cmyk(9%, 0%, 22%, 14%)
Oklch
oklch(86.5% 0.067 125.3)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

13121C
1B1C12

Analogous

12161C
13121C
18121C

Triadic

13121C
1C1312
121C13

Split-Comp.

13121C
1C1812
161C12

Tetradic

13121C
1C1216
1B1C12
121C18

Contrast Matrix WCAG 2.1 Contrast

13121C
3C4B57
5C877F
76C29F
C8DBAB
—
2.1
Fail
4.6
AA
8.8
AAA
12.5
AAA
2.1
Fail
—
2.2
Fail
4.3
AA Large
6.1
AA
4.6
AA
2.2
Fail
—
1.9
Fail
2.7
Fail
8.8
AAA
4.3
AA Large
1.9
Fail
—
1.4
Fail
12.5
AAA
6.1
AA
2.7
Fail
1.4
Fail
—
White BG
18.6AAA
9.0AAA
4.0AA Large
2.1Fail
1.5Fail
Black BG
1.1Fail
2.3Fail
5.2AA
10.0AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

13131A
424354
6F6F81
9798A7
D0D0B7

Deuteranopia

131319
424153
6C6981
938DAA
CFCEB9

Tritanopia

131817
3D5251
5E8283
7AAEB0
C9C0C2

Achromatopsia

131313
484848
797979
A7A7A7
D0D0D0

Shades & Tints Shades & Tints

#13121C

Dark
Light

#3C4B57

Dark
Light

#5C877F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #13121c;
  --color-2: #3c4b57;
  --color-3: #5c877f;
  --color-4: #76c29f;
  --color-5: #c8dbab;
}

SCSS

$color-1: #13121c;
$color-2: #3c4b57;
$color-3: #5c877f;
$color-4: #76c29f;
$color-5: #c8dbab;

TAILWIND

colors: {
  'brand-1': '#13121c',
  'brand-2': '#3c4b57',
  'brand-3': '#5c877f',
  'brand-4': '#76c29f',
  'brand-5': '#c8dbab',
}

RGB Array

[19, 18, 28], [60, 75, 87], [92, 135, 127], [118, 194, 159], [200, 219, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #13121C, #3C4B57, #5C877F, #76C29F, #C8DBAB is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #13121c; --color-2: #3c4b57; --color-3: #5c877f; --color-4: #76c29f; --color-5: #c8dbab. 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. 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. 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