← Back to Editor

#00553F · #00433F · #00333F · #39333F · #8F333F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#00553F

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#00553F
RGB
rgb(0, 85, 63)
HSL
hsl(164, 100%, 17%)
HSB
hsb(164, 100%, 33%)
CMYK
cmyk(100%, 0%, 26%, 67%)
Oklch
oklch(39.9% 0.081 168.0)

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

#00433F

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#00433F
RGB
rgb(0, 67, 63)
HSL
hsl(176, 100%, 13%)
HSB
hsb(176, 100%, 26%)
CMYK
cmyk(100%, 0%, 6%, 74%)
Oklch
oklch(34.5% 0.060 188.1)

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

#00333F

Lake Blue · DarkSlateGray · Peacock Green

HEX
#00333F
RGB
rgb(0, 51, 63)
HSL
hsl(191, 100%, 12%)
HSB
hsb(191, 100%, 25%)
CMYK
cmyk(100%, 19%, 0%, 75%)
Oklch
oklch(29.7% 0.054 218.9)

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

#39333F

Dark Plum · DarkSlateGray · Eggplant

HEX
#39333F
RGB
rgb(57, 51, 63)
HSL
hsl(270, 11%, 22%)
HSB
hsb(270, 19%, 25%)
CMYK
cmyk(10%, 19%, 0%, 75%)
Oklch
oklch(33.2% 0.022 307.7)

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

#8F333F

Crimson · Brown · Wine Red

HEX
#8F333F
RGB
rgb(143, 51, 63)
HSL
hsl(352, 47%, 38%)
HSB
hsb(352, 64%, 56%)
CMYK
cmyk(0%, 64%, 56%, 44%)
Oklch
oklch(45.6% 0.124 15.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00553F
570017

Analogous

005714
00553F
004257

Triadic

00553F
400057
574000

Split-Comp.

00553F
570042
571400

Tetradic

00553F
140057
570017
425700

Contrast Matrix WCAG 2.1 Contrast

00553F
00433F
00333F
39333F
8F333F
—
1.3
Fail
1.5
Fail
1.4
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.4
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.8
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.6
Fail
1.1
Fail
1.4
Fail
1.8
Fail
1.6
Fail
—
White BG
8.9AAA
11.2AAA
13.6AAA
12.2AAA
7.7AAA
Black BG
2.4Fail
1.9Fail
1.5Fail
1.7Fail
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

252644
1D1E40
16173C
36363C
67663C

Deuteranopia

201A46
191440
130F3B
37373B
6D733B

Tritanopia

044949
034141
033A39
393A39
8A3A39

Achromatopsia

393939
2F2F2F
252525
363636
505050

Shades & Tints Shades & Tints

#00553F

Dark
Light

#00433F

Dark
Light

#00333F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00553f;
  --color-2: #00433f;
  --color-3: #00333f;
  --color-4: #39333f;
  --color-5: #8f333f;
}

SCSS

$color-1: #00553f;
$color-2: #00433f;
$color-3: #00333f;
$color-4: #39333f;
$color-5: #8f333f;

TAILWIND

colors: {
  'brand-1': '#00553f',
  'brand-2': '#00433f',
  'brand-3': '#00333f',
  'brand-4': '#39333f',
  'brand-5': '#8f333f',
}

RGB Array

[0, 85, 63], [0, 67, 63], [0, 51, 63], [57, 51, 63], [143, 51, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00553F, #00433F, #00333F, #39333F, #8F333F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #00553f; --color-2: #00433f; --color-3: #00333f; --color-4: #39333f; --color-5: #8f333f. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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