← Back to Editor

#483060 · #184848 · #307878 · #C04800 · #903000

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 App

Color Details Color Details

#483060

Dark Plum · DarkSlateGray · Eggplant

HEX
#483060
RGB
rgb(72, 48, 96)
HSL
hsl(270, 33%, 28%)
HSB
hsb(270, 50%, 38%)
CMYK
cmyk(25%, 50%, 0%, 62%)
Oklch
oklch(36.0% 0.084 305.7)

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

#184848

Slate Blue · DarkSlateGray · Peacock Green

HEX
#184848
RGB
rgb(24, 72, 72)
HSL
hsl(180, 50%, 19%)
HSB
hsb(180, 67%, 28%)
CMYK
cmyk(67%, 0%, 0%, 72%)
Oklch
oklch(37.0% 0.051 195.2)

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

#307878

Slate Blue · SeaGreen · Mint Ice

HEX
#307878
RGB
rgb(48, 120, 120)
HSL
hsl(180, 43%, 33%)
HSB
hsb(180, 60%, 47%)
CMYK
cmyk(60%, 0%, 0%, 53%)
Oklch
oklch(52.8% 0.071 195.2)

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

#C04800

Tangerine · Chocolate · Amber Brown

HEX
#C04800
RGB
rgb(192, 72, 0)
HSL
hsl(23, 100%, 38%)
HSB
hsb(23, 100%, 75%)
CMYK
cmyk(0%, 63%, 100%, 25%)
Oklch
oklch(55.8% 0.167 42.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#903000

Tangerine · Brown · Amber Brown

HEX
#903000
RGB
rgb(144, 48, 0)
HSL
hsl(20, 100%, 28%)
HSB
hsb(20, 100%, 56%)
CMYK
cmyk(0%, 67%, 100%, 44%)
Oklch
oklch(44.6% 0.139 40.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

483060
475F30

Analogous

30305F
483060
5F305F

Triadic

483060
5F4730
305F47

Split-Comp.

483060
5F5F30
305F30

Tetradic

483060
5F3030
475F30
305F5F

Contrast Matrix WCAG 2.1 Contrast

483060
184848
307878
C04800
903000
—
1.1
Fail
2.2
Fail
2.2
Fail
1.4
Fail
1.1
Fail
—
2.0
Fail
2.0
Fail
1.3
Fail
2.2
Fail
2.0
Fail
—
1.0
Fail
1.6
Fail
2.2
Fail
2.0
Fail
1.0
Fail
—
1.6
Fail
1.4
Fail
1.3
Fail
1.6
Fail
1.6
Fail
—
White BG
11.2AAA
10.2AAA
5.1AA
5.0AA
8.1AAA
Black BG
1.9Fail
2.1Fail
4.1AA Large
4.2AA Large
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3D54
2D2D48
4F5078
8C8B11
66660C

Deuteranopia

3F4152
2A2648
4B4678
939C16
6C730E

Tritanopia

474B49
1A4848
347878
BA1F22
8B1517

Achromatopsia

3D3D3D
3A3A3A
626262
646464
474747

Shades & Tints Shades & Tints

#483060

Dark
Light

#184848

Dark
Light

#307878

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #483060;
  --color-2: #184848;
  --color-3: #307878;
  --color-4: #c04800;
  --color-5: #903000;
}

SCSS

$color-1: #483060;
$color-2: #184848;
$color-3: #307878;
$color-4: #c04800;
$color-5: #903000;

TAILWIND

colors: {
  'brand-1': '#483060',
  'brand-2': '#184848',
  'brand-3': '#307878',
  'brand-4': '#c04800',
  'brand-5': '#903000',
}

RGB Array

[72, 48, 96], [24, 72, 72], [48, 120, 120], [192, 72, 0], [144, 48, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #483060, #184848, #307878, #C04800, #903000 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: #483060; --color-2: #184848; --color-3: #307878; --color-4: #c04800; --color-5: #903000. 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 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