← Back to Editor

#0B5D5B · #031B1B · #4B0304 · #990C1F · #C88F48

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#0B5D5B

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#0B5D5B
RGB
rgb(11, 93, 91)
HSL
hsl(179, 79%, 20%)
HSB
hsb(179, 88%, 36%)
CMYK
cmyk(88%, 0%, 2%, 64%)
Oklch
oklch(43.4% 0.071 192.2)

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

#031B1B

Lake Blue · Black · Peacock Green

HEX
#031B1B
RGB
rgb(3, 27, 27)
HSL
hsl(180, 80%, 6%)
HSB
hsb(180, 89%, 11%)
CMYK
cmyk(89%, 0%, 0%, 89%)
Oklch
oklch(20.3% 0.031 195.0)

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

#4B0304

Vermilion · Maroon · Deep Berry

HEX
#4B0304
RGB
rgb(75, 3, 4)
HSL
hsl(359, 92%, 15%)
HSB
hsb(359, 96%, 29%)
CMYK
cmyk(0%, 96%, 95%, 71%)
Oklch
oklch(26.3% 0.103 27.5)

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

#990C1F

Vermilion · FireBrick · Wine Red

HEX
#990C1F
RGB
rgb(153, 12, 31)
HSL
hsl(352, 85%, 32%)
HSB
hsb(352, 92%, 60%)
CMYK
cmyk(0%, 92%, 80%, 40%)
Oklch
oklch(43.6% 0.169 23.2)

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

#C88F48

Ginger · GoldenRod · Warm Sun

HEX
#C88F48
RGB
rgb(200, 143, 72)
HSL
hsl(33, 54%, 53%)
HSB
hsb(33, 64%, 78%)
CMYK
cmyk(0%, 28%, 64%, 22%)
Oklch
oklch(69.2% 0.112 70.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B5D5B
5B0B0C

Analogous

0B5B32
0B5D5B
0B345B

Triadic

0B5D5B
5A0B5B
5B5A0B

Split-Comp.

0B5D5B
5B0B34
5B320B

Tetradic

0B5D5B
320B5B
5B0B0C
345B0B

Contrast Matrix WCAG 2.1 Contrast

0B5D5B
031B1B
4B0304
990C1F
C88F48
—
2.3
Fail
2.1
Fail
1.1
Fail
2.7
Fail
2.3
Fail
—
1.1
Fail
2.1
Fail
6.4
AA
2.1
Fail
1.1
Fail
—
1.8
Fail
5.7
AA
1.1
Fail
2.1
Fail
1.8
Fail
—
3.1
AA Large
2.7
Fail
6.4
AA
5.7
AA
3.1
AA Large
—
White BG
7.7AAA
17.8AAA
16.0AAA
8.7AAA
2.8Fail
Black BG
2.7Fail
1.2Fail
1.3Fail
2.4Fail
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2F5B
0D0E1B
2C2B04
5C5B1A
AFAF59

Deuteranopia

2A245C
0C0A1B
303504
646F19
B3B75D

Tritanopia

0F5C5C
041B1B
470404
921716
C5676A

Achromatopsia

444444
141414
191919
383838
989898

Shades & Tints Shades & Tints

#0B5D5B

Dark
Light

#031B1B

Dark
Light

#4B0304

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b5d5b;
  --color-2: #031b1b;
  --color-3: #4b0304;
  --color-4: #990c1f;
  --color-5: #c88f48;
}

SCSS

$color-1: #0b5d5b;
$color-2: #031b1b;
$color-3: #4b0304;
$color-4: #990c1f;
$color-5: #c88f48;

TAILWIND

colors: {
  'brand-1': '#0b5d5b',
  'brand-2': '#031b1b',
  'brand-3': '#4b0304',
  'brand-4': '#990c1f',
  'brand-5': '#c88f48',
}

RGB Array

[11, 93, 91], [3, 27, 27], [75, 3, 4], [153, 12, 31], [200, 143, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #0B5D5B, #031B1B, #4B0304, #990C1F, #C88F48 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #0b5d5b; --color-2: #031b1b; --color-3: #4b0304; --color-4: #990c1f; --color-5: #c88f48. 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 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