← Back to Editor

#14131D · #2D2B54 · #2F9E6A · #62E460 · #D6FC57

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

#14131D

Deep Indigo · Black · Deep Sea Blue

HEX
#14131D
RGB
rgb(20, 19, 29)
HSL
hsl(246, 21%, 9%)
HSB
hsb(246, 34%, 11%)
CMYK
cmyk(31%, 34%, 0%, 89%)
Oklch
oklch(19.3% 0.020 288.9)

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

#2D2B54

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#2D2B54
RGB
rgb(45, 43, 84)
HSL
hsl(243, 32%, 25%)
HSB
hsb(243, 49%, 33%)
CMYK
cmyk(46%, 49%, 0%, 67%)
Oklch
oklch(31.3% 0.072 283.6)

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

#2F9E6A

Mineral Blue · MediumSeaGreen · Forest Green

HEX
#2F9E6A
RGB
rgb(47, 158, 106)
HSL
hsl(152, 54%, 40%)
HSB
hsb(152, 70%, 62%)
CMYK
cmyk(70%, 0%, 33%, 38%)
Oklch
oklch(62.4% 0.127 158.5)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#62E460

Emerald · MediumSeaGreen · Apple Green

HEX
#62E460
RGB
rgb(98, 228, 96)
HSL
hsl(119, 71%, 64%)
HSB
hsb(119, 58%, 89%)
CMYK
cmyk(57%, 0%, 58%, 11%)
Oklch
oklch(81.8% 0.208 143.1)

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

#D6FC57

Willow Green · GreenYellow · Apple Green

HEX
#D6FC57
RGB
rgb(214, 252, 87)
HSL
hsl(74, 96%, 66%)
HSB
hsb(74, 65%, 99%)
CMYK
cmyk(15%, 0%, 65%, 1%)
Oklch
oklch(93.4% 0.191 121.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

14131D
1B1C12

Analogous

12161C
14131D
18121C

Triadic

14131D
1C1312
121C13

Split-Comp.

14131D
1C1812
161C12

Tetradic

14131D
1C1216
1B1C12
121C18

Contrast Matrix WCAG 2.1 Contrast

14131D
2D2B54
2F9E6A
62E460
D6FC57
—
1.4
Fail
5.5
AA
11.2
AAA
15.7
AAA
1.4
Fail
—
3.9
AA Large
8.1
AAA
11.3
AAA
5.5
AA
3.9
AA Large
—
2.1
Fail
2.9
Fail
11.2
AAA
8.1
AAA
2.1
Fail
—
1.4
Fail
15.7
AAA
11.3
AAA
2.9
Fail
1.4
Fail
—
White BG
18.4AAA
13.2AAA
3.4AA Large
1.6Fail
1.2Fail
Black BG
1.1Fail
1.6Fail
6.2AA
12.8AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

14141B
2C2C4A
5F6077
9A9B80
E6E77F

Deuteranopia

14141A
2C2C48
59507A
938988
E4E189

Tritanopia

141918
2D4241
358183
69999F
D89EA5

Achromatopsia

141414
303030
777777
AEAEAE
DEDEDE

Shades & Tints Shades & Tints

#14131D

Dark
Light

#2D2B54

Dark
Light

#2F9E6A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #14131d;
  --color-2: #2d2b54;
  --color-3: #2f9e6a;
  --color-4: #62e460;
  --color-5: #d6fc57;
}

SCSS

$color-1: #14131d;
$color-2: #2d2b54;
$color-3: #2f9e6a;
$color-4: #62e460;
$color-5: #d6fc57;

TAILWIND

colors: {
  'brand-1': '#14131d',
  'brand-2': '#2d2b54',
  'brand-3': '#2f9e6a',
  'brand-4': '#62e460',
  'brand-5': '#d6fc57',
}

RGB Array

[20, 19, 29], [45, 43, 84], [47, 158, 106], [98, 228, 96], [214, 252, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #14131D, #2D2B54, #2F9E6A, #62E460, #D6FC57 is ideal for: 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: #14131d; --color-2: #2d2b54; --color-3: #2f9e6a; --color-4: #62e460; --color-5: #d6fc57. 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. 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