← Back to Editor

#BBC09D · #59ACAA · #585E70 · #39203C · #18122D

space

A 5-color space palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#BBC09D

Fresh Green · Tan · Sunflower

HEX
#BBC09D
RGB
rgb(187, 192, 157)
HSL
hsl(69, 22%, 68%)
HSB
hsb(69, 18%, 75%)
CMYK
cmyk(3%, 0%, 18%, 25%)
Oklch
oklch(79.5% 0.048 114.1)

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

#59ACAA

Mineral Blue · CadetBlue · Lake Green

HEX
#59ACAA
RGB
rgb(89, 172, 170)
HSL
hsl(179, 33%, 51%)
HSB
hsb(179, 48%, 67%)
CMYK
cmyk(48%, 0%, 1%, 33%)
Oklch
oklch(69.2% 0.081 193.4)

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

#585E70

Indigo · DimGray · Prussian Blue

HEX
#585E70
RGB
rgb(88, 94, 112)
HSL
hsl(225, 12%, 39%)
HSB
hsb(225, 21%, 44%)
CMYK
cmyk(21%, 16%, 0%, 56%)
Oklch
oklch(48.3% 0.030 270.7)

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

#39203C

Dark Plum · DarkSlateGray · Dark Purple

HEX
#39203C
RGB
rgb(57, 32, 60)
HSL
hsl(294, 30%, 18%)
HSB
hsb(294, 47%, 24%)
CMYK
cmyk(5%, 47%, 0%, 76%)
Oklch
oklch(28.9% 0.060 323.1)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#18122D

Deep Indigo · Black · Deep Sea Blue

HEX
#18122D
RGB
rgb(24, 18, 45)
HSL
hsl(253, 43%, 12%)
HSB
hsb(253, 60%, 18%)
CMYK
cmyk(47%, 60%, 0%, 82%)
Oklch
oklch(20.6% 0.052 291.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BBC09D
A19BBF

Analogous

BFB39B
BBC09D
A8BF9B

Triadic

BBC09D
9BBABF
BF9BBA

Split-Comp.

BBC09D
9BA8BF
B39BBF

Tetradic

BBC09D
9BBFB3
A19BBF
BF9BA8

Contrast Matrix WCAG 2.1 Contrast

BBC09D
59ACAA
585E70
39203C
18122D
—
1.4
Fail
3.4
AA Large
7.7
AAA
9.6
AAA
1.4
Fail
—
2.4
Fail
5.5
AA
6.8
AA
3.4
AA Large
2.4
Fail
—
2.2
Fail
2.8
Fail
7.7
AAA
5.5
AA
2.2
Fail
—
1.2
Fail
9.6
AAA
6.8
AA
2.8
Fail
1.2
Fail
—
White BG
1.9Fail
2.7Fail
6.5AA
14.5AAA
18.1AAA
Black BG
11.1AAA
7.9AAA
3.2AA Large
1.4Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDA5
7D7EAA
5B5B6C
2E2E35
151526

Deuteranopia

BDBDA8
7872AB
5A5A6B
303234
161625

Tritanopia

BBACAE
5DABAB
586867
38302F
182120

Achromatopsia

BBBBBB
939393
5E5E5E
2B2B2B
171717

Shades & Tints Shades & Tints

#BBC09D

Dark
Light

#59ACAA

Dark
Light

#585E70

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bbc09d;
  --color-2: #59acaa;
  --color-3: #585e70;
  --color-4: #39203c;
  --color-5: #18122d;
}

SCSS

$color-1: #bbc09d;
$color-2: #59acaa;
$color-3: #585e70;
$color-4: #39203c;
$color-5: #18122d;

TAILWIND

colors: {
  'brand-1': '#bbc09d',
  'brand-2': '#59acaa',
  'brand-3': '#585e70',
  'brand-4': '#39203c',
  'brand-5': '#18122d',
}

RGB Array

[187, 192, 157], [89, 172, 170], [88, 94, 112], [57, 32, 60], [24, 18, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #BBC09D, #59ACAA, #585E70, #39203C, #18122D is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, 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: #bbc09d; --color-2: #59acaa; --color-3: #585e70; --color-4: #39203c; --color-5: #18122d. 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 finance, legal, luxury 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