← Back to Editor

#FABB5F · #D36D2B · #7F1B49 · #42073C · #1D0B38

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

#FABB5F

Ginger · SandyBrown · Warm Sun

HEX
#FABB5F
RGB
rgb(250, 187, 95)
HSL
hsl(36, 94%, 68%)
HSB
hsb(36, 62%, 98%)
CMYK
cmyk(0%, 25%, 62%, 2%)
Oklch
oklch(83.3% 0.131 74.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D36D2B

Tangerine · Chocolate · Amber Brown

HEX
#D36D2B
RGB
rgb(211, 109, 43)
HSL
hsl(24, 66%, 50%)
HSB
hsb(24, 80%, 83%)
CMYK
cmyk(0%, 48%, 80%, 17%)
Oklch
oklch(64.3% 0.149 49.6)

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

#7F1B49

Dark Violet · Brown · Camellia

HEX
#7F1B49
RGB
rgb(127, 27, 73)
HSL
hsl(332, 65%, 30%)
HSB
hsb(332, 79%, 50%)
CMYK
cmyk(0%, 79%, 43%, 50%)
Oklch
oklch(40.5% 0.140 357.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#42073C

Rose Purple · MidnightBlue · Dark Purple

HEX
#42073C
RGB
rgb(66, 7, 60)
HSL
hsl(306, 81%, 14%)
HSB
hsb(306, 89%, 26%)
CMYK
cmyk(0%, 89%, 9%, 74%)
Oklch
oklch(26.8% 0.108 332.9)

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

#1D0B38

Deep Indigo · MidnightBlue · Dark Purple

HEX
#1D0B38
RGB
rgb(29, 11, 56)
HSL
hsl(264, 67%, 13%)
HSB
hsb(264, 80%, 22%)
CMYK
cmyk(48%, 80%, 0%, 78%)
Oklch
oklch(20.8% 0.082 296.9)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FABB5F
619EFA

Analogous

FA7061
FABB5F
EBFA61

Triadic

FABB5F
61FABD
BD61FA

Split-Comp.

FABB5F
61EBFA
7061FA

Tetradic

FABB5F
61FA70
619EFA
FA61EB

Contrast Matrix WCAG 2.1 Contrast

FABB5F
D36D2B
7F1B49
42073C
1D0B38
—
2.1
Fail
5.7
AA
9.3
AAA
10.7
AAA
2.1
Fail
—
2.8
Fail
4.5
AA
5.2
AA
5.7
AA
2.8
Fail
—
1.6
Fail
1.9
Fail
9.3
AAA
4.5
AA
1.6
Fail
—
1.1
Fail
10.7
AAA
5.2
AA
1.9
Fail
1.1
Fail
—
White BG
1.7Fail
3.5AA Large
9.7AAA
15.8AAA
18.1AAA
Black BG
12.3AAA
6.0AA
2.2Fail
1.3Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDE75
A7A63B
54533E
28282F
15152D

Deuteranopia

E2E77B
ADB43F
5A613B
2C302C
16182A

Tritanopia

F7878B
CE484A
7A3533
3F2523
1C2523

Achromatopsia

C3C3C3
848484
3E3E3E
1F1F1F
161616

Shades & Tints Shades & Tints

#FABB5F

Dark
Light

#D36D2B

Dark
Light

#7F1B49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fabb5f;
  --color-2: #d36d2b;
  --color-3: #7f1b49;
  --color-4: #42073c;
  --color-5: #1d0b38;
}

SCSS

$color-1: #fabb5f;
$color-2: #d36d2b;
$color-3: #7f1b49;
$color-4: #42073c;
$color-5: #1d0b38;

TAILWIND

colors: {
  'brand-1': '#fabb5f',
  'brand-2': '#d36d2b',
  'brand-3': '#7f1b49',
  'brand-4': '#42073c',
  'brand-5': '#1d0b38',
}

RGB Array

[250, 187, 95], [211, 109, 43], [127, 27, 73], [66, 7, 60], [29, 11, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FABB5F, #D36D2B, #7F1B49, #42073C, #1D0B38 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: #fabb5f; --color-2: #d36d2b; --color-3: #7f1b49; --color-4: #42073c; --color-5: #1d0b38. 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