← Back to Editor

#250326 · #473141 · #839348 · #CBFC58 · #C0BB23

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#250326

Royal Purple · Black · Dark Purple

HEX
#250326
RGB
rgb(37, 3, 38)
HSL
hsl(298, 85%, 8%)
HSB
hsb(298, 92%, 15%)
CMYK
cmyk(3%, 92%, 0%, 85%)
Oklch
oklch(19.2% 0.079 326.9)

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

#473141

Rose Purple · DarkSlateGray · Eggplant

HEX
#473141
RGB
rgb(71, 49, 65)
HSL
hsl(316, 18%, 24%)
HSB
hsb(316, 31%, 28%)
CMYK
cmyk(0%, 31%, 8%, 72%)
Oklch
oklch(34.5% 0.041 336.7)

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

#839348

Grass Green · Gray · Olive Green

HEX
#839348
RGB
rgb(131, 147, 72)
HSL
hsl(73, 34%, 43%)
HSB
hsb(73, 51%, 58%)
CMYK
cmyk(11%, 0%, 51%, 42%)
Oklch
oklch(63.3% 0.102 119.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#CBFC58

Willow Green · GreenYellow · Apple Green

HEX
#CBFC58
RGB
rgb(203, 252, 88)
HSL
hsl(78, 96%, 67%)
HSB
hsb(78, 65%, 99%)
CMYK
cmyk(19%, 0%, 65%, 1%)
Oklch
oklch(92.7% 0.194 124.4)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#C0BB23

Autumn Sage · GoldenRod · Honey Gold

HEX
#C0BB23
RGB
rgb(192, 187, 35)
HSL
hsl(58, 69%, 45%)
HSB
hsb(58, 82%, 75%)
CMYK
cmyk(0%, 3%, 82%, 25%)
Oklch
oklch(77.2% 0.158 107.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

250326
042603

Analogous

130326
250326
260316

Triadic

250326
262503
032625

Split-Comp.

250326
162603
032613

Tetradic

250326
261303
042603
031626

Contrast Matrix WCAG 2.1 Contrast

250326
473141
839348
CBFC58
C0BB23
—
1.6
Fail
5.6
AA
15.7
AAA
9.3
AAA
1.6
Fail
—
3.5
AA Large
9.9
AAA
5.8
AA
5.6
AA
3.5
AA Large
—
2.8
Fail
1.7
Fail
15.7
AAA
9.9
AAA
2.8
Fail
—
1.7
Fail
9.3
AAA
5.8
AA
1.7
Fail
1.7
Fail
—
White BG
18.8AAA
11.8AAA
3.4AA Large
1.2Fail
2.0Fail
Black BG
1.1Fail
1.8Fail
6.2AA
17.6AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

16161E
3D3D3D
8A8A5A
E0E180
BEBE48

Deuteranopia

181B1B
3F403C
89885F
DDDA89
BEBE51

Tritanopia

231715
463A39
84686C
CD9FA6
C0656B

Achromatopsia

111111
393939
868686
DBDBDB
ABABAB

Shades & Tints Shades & Tints

#250326

Dark
Light

#473141

Dark
Light

#839348

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #250326;
  --color-2: #473141;
  --color-3: #839348;
  --color-4: #cbfc58;
  --color-5: #c0bb23;
}

SCSS

$color-1: #250326;
$color-2: #473141;
$color-3: #839348;
$color-4: #cbfc58;
$color-5: #c0bb23;

TAILWIND

colors: {
  'brand-1': '#250326',
  'brand-2': '#473141',
  'brand-3': '#839348',
  'brand-4': '#cbfc58',
  'brand-5': '#c0bb23',
}

RGB Array

[37, 3, 38], [71, 49, 65], [131, 147, 72], [203, 252, 88], [192, 187, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #250326, #473141, #839348, #CBFC58, #C0BB23 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: #250326; --color-2: #473141; --color-3: #839348; --color-4: #cbfc58; --color-5: #c0bb23. 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 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