← Back to Editor

#3E655F · #243335 · #3D2529 · #992A29 · #F6F2AE

dark

A 5-color dark 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

#3E655F

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#3E655F
RGB
rgb(62, 101, 95)
HSL
hsl(171, 24%, 32%)
HSB
hsb(171, 39%, 40%)
CMYK
cmyk(39%, 0%, 6%, 60%)
Oklch
oklch(47.6% 0.045 183.6)

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

#243335

Slate Blue · DarkSlateGray · Peacock Green

HEX
#243335
RGB
rgb(36, 51, 53)
HSL
hsl(187, 19%, 17%)
HSB
hsb(187, 32%, 21%)
CMYK
cmyk(32%, 4%, 0%, 79%)
Oklch
oklch(30.9% 0.020 206.4)

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

#3D2529

Crimson · DarkSlateGray · Deep Berry

HEX
#3D2529
RGB
rgb(61, 37, 41)
HSL
hsl(350, 24%, 19%)
HSB
hsb(350, 39%, 24%)
CMYK
cmyk(0%, 39%, 33%, 76%)
Oklch
oklch(29.6% 0.037 8.7)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#992A29

Crimson · Brown · Wine Red

HEX
#992A29
RGB
rgb(153, 42, 41)
HSL
hsl(1, 58%, 38%)
HSB
hsb(1, 73%, 60%)
CMYK
cmyk(0%, 73%, 73%, 40%)
Oklch
oklch(45.9% 0.147 25.5)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#F6F2AE

Fresh Green · Wheat · Lemon Cream

HEX
#F6F2AE
RGB
rgb(246, 242, 174)
HSL
hsl(57, 80%, 82%)
HSB
hsb(57, 29%, 96%)
CMYK
cmyk(0%, 2%, 29%, 4%)
Oklch
oklch(94.8% 0.086 105.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3E655F
653E44

Analogous

3E654C
3E655F
3E5765

Triadic

3E655F
5F3E65
655F3E

Split-Comp.

3E655F
653E57
654C3E

Tetradic

3E655F
4C3E65
653E44
57653E

Contrast Matrix WCAG 2.1 Contrast

3E655F
243335
3D2529
992A29
F6F2AE
—
2.0
Fail
2.2
Fail
1.2
Fail
5.6
AA
2.0
Fail
—
1.1
Fail
1.7
Fail
11.4
AAA
2.2
Fail
1.1
Fail
—
1.8
Fail
12.2
AAA
1.2
Fail
1.7
Fail
1.8
Fail
—
6.7
AA
5.6
AA
11.4
AAA
12.2
AAA
6.7
AA
—
White BG
6.5AA
13.1AAA
14.0AAA
7.7AAA
1.2Fail
Black BG
3.2AA Large
1.6Fail
1.5Fail
2.7Fail
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4F60
2A2B35
333228
696829
F4F4BE

Deuteranopia

4D4A61
2A2934
343628
6F7829
F5F5C2

Tritanopia

406262
253434
3C2727
932929
F6CBCE

Achromatopsia

595959
2F2F2F
2D2D2D
4B4B4B
EBEBEB

Shades & Tints Shades & Tints

#3E655F

Dark
Light

#243335

Dark
Light

#3D2529

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3e655f;
  --color-2: #243335;
  --color-3: #3d2529;
  --color-4: #992a29;
  --color-5: #f6f2ae;
}

SCSS

$color-1: #3e655f;
$color-2: #243335;
$color-3: #3d2529;
$color-4: #992a29;
$color-5: #f6f2ae;

TAILWIND

colors: {
  'brand-1': '#3e655f',
  'brand-2': '#243335',
  'brand-3': '#3d2529',
  'brand-4': '#992a29',
  'brand-5': '#f6f2ae',
}

RGB Array

[62, 101, 95], [36, 51, 53], [61, 37, 41], [153, 42, 41], [246, 242, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #3E655F, #243335, #3D2529, #992A29, #F6F2AE 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: #3e655f; --color-2: #243335; --color-3: #3d2529; --color-4: #992a29; --color-5: #f6f2ae. 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 dark-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