← Back to Editor

#D48257 · #0F0203 · #594855 · #B84092 · #7C9997

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

#D48257

Tangerine · Coral · Warm Sun

HEX
#D48257
RGB
rgb(212, 130, 87)
HSL
hsl(21, 59%, 59%)
HSB
hsb(21, 59%, 83%)
CMYK
cmyk(0%, 39%, 59%, 17%)
Oklch
oklch(68.5% 0.117 47.7)

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

#0F0203

Vermilion · Black · Deep Berry

HEX
#0F0203
RGB
rgb(15, 2, 3)
HSL
hsl(355, 76%, 3%)
HSB
hsb(355, 87%, 6%)
CMYK
cmyk(0%, 87%, 80%, 94%)
Oklch
oklch(11.9% 0.032 15.3)

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

#594855

Rose Purple · DimGray · Eggplant

HEX
#594855
RGB
rgb(89, 72, 85)
HSL
hsl(314, 11%, 32%)
HSB
hsb(314, 19%, 35%)
CMYK
cmyk(0%, 19%, 4%, 65%)
Oklch
oklch(42.4% 0.031 334.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#B84092

Rose Purple · MediumVioletRed · Violet

HEX
#B84092
RGB
rgb(184, 64, 146)
HSL
hsl(319, 48%, 49%)
HSB
hsb(319, 65%, 72%)
CMYK
cmyk(0%, 65%, 21%, 28%)
Oklch
oklch(56.6% 0.178 342.5)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#7C9997

Mineral Blue · LightSlateGray · Lake Green

HEX
#7C9997
RGB
rgb(124, 153, 151)
HSL
hsl(176, 12%, 54%)
HSB
hsb(176, 19%, 60%)
CMYK
cmyk(19%, 0%, 1%, 40%)
Oklch
oklch(66.0% 0.033 191.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D48257
59A9D4

Analogous

D4596B
D48257
D4C259

Triadic

D48257
59D484
8459D4

Split-Comp.

D48257
59D4C2
596BD4

Tetradic

D48257
6BD459
59A9D4
C259D4

Contrast Matrix WCAG 2.1 Contrast

D48257
0F0203
594855
B84092
7C9997
—
6.9
AA
2.9
Fail
1.7
Fail
1.0
Fail
6.9
AA
—
2.4
Fail
4.1
AA Large
6.7
AA
2.9
Fail
2.4
Fail
—
1.7
Fail
2.8
Fail
1.7
Fail
4.1
AA Large
1.7
Fail
—
1.6
Fail
1.0
Fail
6.7
AA
2.8
Fail
1.6
Fail
—
White BG
2.9Fail
20.4AAA
8.5AAA
5.0AA
3.1AA Large
Black BG
7.1AAA
1.0Fail
2.5Fail
4.2AA Large
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B061
090903
525152
84837E
898997

Deuteranopia

B5BB64
0A0B03
535451
8B9479
878598

Tritanopia

D06A6B
0E0303
584F4F
B26E6B
7D9898

Achromatopsia

969696
060606
4F4F4F
6D6D6D
909090

Shades & Tints Shades & Tints

#D48257

Dark
Light

#0F0203

Dark
Light

#594855

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d48257;
  --color-2: #0f0203;
  --color-3: #594855;
  --color-4: #b84092;
  --color-5: #7c9997;
}

SCSS

$color-1: #d48257;
$color-2: #0f0203;
$color-3: #594855;
$color-4: #b84092;
$color-5: #7c9997;

TAILWIND

colors: {
  'brand-1': '#d48257',
  'brand-2': '#0f0203',
  'brand-3': '#594855',
  'brand-4': '#b84092',
  'brand-5': '#7c9997',
}

RGB Array

[212, 130, 87], [15, 2, 3], [89, 72, 85], [184, 64, 146], [124, 153, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D48257, #0F0203, #594855, #B84092, #7C9997 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: #d48257; --color-2: #0f0203; --color-3: #594855; --color-4: #b84092; --color-5: #7c9997. 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 general-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