← Back to Editor

#2C120B · #8C3C2F · #578079 · #2EA3AA · #39DBCC

space

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

#2C120B

Crimson · Black · Deep Berry

HEX
#2C120B
RGB
rgb(44, 18, 11)
HSL
hsl(13, 60%, 11%)
HSB
hsb(13, 75%, 17%)
CMYK
cmyk(0%, 59%, 75%, 83%)
Oklch
oklch(22.0% 0.045 36.0)

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

#8C3C2F

Crimson · Sienna · Wine Red

HEX
#8C3C2F
RGB
rgb(140, 60, 47)
HSL
hsl(8, 50%, 37%)
HSB
hsb(8, 66%, 55%)
CMYK
cmyk(0%, 57%, 66%, 45%)
Oklch
oklch(46.1% 0.112 31.1)

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

#578079

Mineral Blue · DimGray · Mint Ice

HEX
#578079
RGB
rgb(87, 128, 121)
HSL
hsl(170, 19%, 42%)
HSB
hsb(170, 32%, 50%)
CMYK
cmyk(32%, 0%, 5%, 50%)
Oklch
oklch(56.7% 0.047 182.8)

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

#2EA3AA

Lake Blue · LightSeaGreen · Mint Ice

HEX
#2EA3AA
RGB
rgb(46, 163, 170)
HSL
hsl(183, 57%, 42%)
HSB
hsb(183, 73%, 67%)
CMYK
cmyk(73%, 4%, 0%, 33%)
Oklch
oklch(65.6% 0.100 201.0)

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

#39DBCC

Mineral Blue · Turquoise · Lake Green

HEX
#39DBCC
RGB
rgb(57, 219, 204)
HSL
hsl(174, 69%, 54%)
HSB
hsb(174, 74%, 86%)
CMYK
cmyk(74%, 0%, 7%, 14%)
Oklch
oklch(80.8% 0.130 185.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C120B
0B262D

Analogous

2D0B15
2C120B
2D230B

Triadic

2C120B
0B2D13
130B2D

Split-Comp.

2C120B
0B2D23
0B152D

Tetradic

2C120B
152D0B
0B262D
230B2D

Contrast Matrix WCAG 2.1 Contrast

2C120B
8C3C2F
578079
2EA3AA
39DBCC
—
2.3
Fail
4.0
AA Large
5.8
AA
10.2
AAA
2.3
Fail
—
1.7
Fail
2.5
Fail
4.3
AA Large
4.0
AA Large
1.7
Fail
—
1.5
Fail
2.6
Fail
5.8
AA
2.5
Fail
1.5
Fail
—
1.8
Fail
10.2
AAA
4.3
AA Large
2.6
Fail
1.8
Fail
—
White BG
17.5AAA
7.5AAA
4.4AA Large
3.0AA Large
1.7Fail
Black BG
1.2Fail
2.8Fail
4.8AA
6.9AA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

21210D
696932
69697B
6162A8
7F81D0

Deuteranopia

22240D
6E7433
66637B
5A51A8
766AD1

Tritanopia

2B0E0E
883535
597C7C
34A7A7
41D2D3

Achromatopsia

191919
525252
737373
818181
A9A9A9

Shades & Tints Shades & Tints

#2C120B

Dark
Light

#8C3C2F

Dark
Light

#578079

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c120b;
  --color-2: #8c3c2f;
  --color-3: #578079;
  --color-4: #2ea3aa;
  --color-5: #39dbcc;
}

SCSS

$color-1: #2c120b;
$color-2: #8c3c2f;
$color-3: #578079;
$color-4: #2ea3aa;
$color-5: #39dbcc;

TAILWIND

colors: {
  'brand-1': '#2c120b',
  'brand-2': '#8c3c2f',
  'brand-3': '#578079',
  'brand-4': '#2ea3aa',
  'brand-5': '#39dbcc',
}

RGB Array

[44, 18, 11], [140, 60, 47], [87, 128, 121], [46, 163, 170], [57, 219, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #2C120B, #8C3C2F, #578079, #2EA3AA, #39DBCC 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: #2c120b; --color-2: #8c3c2f; --color-3: #578079; --color-4: #2ea3aa; --color-5: #39dbcc. 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 space-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