← Back to Editor

#66023E · #3B2030 · #1F1B1D · #DBA80F · #FFE085

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

#66023E

Rose Purple · Maroon · Raspberry

HEX
#66023E
RGB
rgb(102, 2, 62)
HSL
hsl(324, 96%, 20%)
HSB
hsb(324, 98%, 40%)
CMYK
cmyk(0%, 98%, 39%, 60%)
Oklch
oklch(33.6% 0.137 352.2)

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

#3B2030

Rose Purple · DarkSlateGray · Raspberry

HEX
#3B2030
RGB
rgb(59, 32, 48)
HSL
hsl(324, 30%, 18%)
HSB
hsb(324, 46%, 23%)
CMYK
cmyk(0%, 46%, 19%, 77%)
Oklch
oklch(28.5% 0.049 344.2)

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

#1F1B1D

Ink Black · Black · Dark Stone

HEX
#1F1B1D
RGB
rgb(31, 27, 29)
HSL
hsl(330, 7%, 11%)
HSB
hsb(330, 13%, 12%)
CMYK
cmyk(0%, 13%, 6%, 88%)
Oklch
oklch(22.8% 0.007 346.0)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#DBA80F

Ochre · GoldenRod · Honey Gold

HEX
#DBA80F
RGB
rgb(219, 168, 15)
HSL
hsl(45, 87%, 46%)
HSB
hsb(45, 93%, 86%)
CMYK
cmyk(0%, 23%, 93%, 14%)
Oklch
oklch(75.8% 0.153 86.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#FFE085

Goose Yellow · Khaki · Lemon Cream

HEX
#FFE085
RGB
rgb(255, 224, 133)
HSL
hsl(45, 100%, 76%)
HSB
hsb(45, 48%, 100%)
CMYK
cmyk(0%, 12%, 48%, 0%)
Oklch
oklch(91.3% 0.116 91.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

66023E
026429

Analogous

5A0264
66023E
64020C

Triadic

66023E
3D6402
023D64

Split-Comp.

66023E
0C6402
02645A

Tetradic

66023E
645A02
026429
020C64

Contrast Matrix WCAG 2.1 Contrast

66023E
3B2030
1F1B1D
DBA80F
FFE085
—
1.1
Fail
1.3
Fail
5.9
AA
9.9
AAA
1.1
Fail
—
1.2
Fail
6.7
AA
11.3
AAA
1.3
Fail
1.2
Fail
—
7.8
AAA
13.2
AAA
5.9
AA
6.7
AA
7.8
AAA
—
1.7
Fail
9.9
AAA
11.3
AAA
13.2
AAA
1.7
Fail
—
White BG
12.8AAA
14.6AAA
17.0AAA
2.2Fail
1.3Fail
Black BG
1.6Fail
1.4Fail
1.2Fail
9.6AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3A2F
2F2F2C
1D1D1D
C5C434
F2F19B

Deuteranopia

41482C
31332B
1E1E1C
C8CC3D
F3F6A0

Tritanopia

612422
3A2928
1F1C1C
D85158
FDACB0

Achromatopsia

272727
2A2A2A
1C1C1C
A6A6A6
DFDFDF

Shades & Tints Shades & Tints

#66023E

Dark
Light

#3B2030

Dark
Light

#1F1B1D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #66023e;
  --color-2: #3b2030;
  --color-3: #1f1b1d;
  --color-4: #dba80f;
  --color-5: #ffe085;
}

SCSS

$color-1: #66023e;
$color-2: #3b2030;
$color-3: #1f1b1d;
$color-4: #dba80f;
$color-5: #ffe085;

TAILWIND

colors: {
  'brand-1': '#66023e',
  'brand-2': '#3b2030',
  'brand-3': '#1f1b1d',
  'brand-4': '#dba80f',
  'brand-5': '#ffe085',
}

RGB Array

[102, 2, 62], [59, 32, 48], [31, 27, 29], [219, 168, 15], [255, 224, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #66023E, #3B2030, #1F1B1D, #DBA80F, #FFE085 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: #66023e; --color-2: #3b2030; --color-3: #1f1b1d; --color-4: #dba80f; --color-5: #ffe085. 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