← Back to Editor

#DC9C18 · #FA3E6A · #FA154B · #2D2026 · #ACC0B3

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

#DC9C18

Ochre · GoldenRod · Honey Gold

HEX
#DC9C18
RGB
rgb(220, 156, 24)
HSL
hsl(40, 80%, 48%)
HSB
hsb(40, 89%, 86%)
CMYK
cmyk(0%, 29%, 89%, 14%)
Oklch
oklch(73.6% 0.148 78.1)

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

#FA3E6A

Peach Pink · Tomato · Coral Red

HEX
#FA3E6A
RGB
rgb(250, 62, 106)
HSL
hsl(346, 95%, 61%)
HSB
hsb(346, 75%, 98%)
CMYK
cmyk(0%, 75%, 58%, 2%)
Oklch
oklch(65.7% 0.222 12.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FA154B

Vermilion · Crimson · Passion Red

HEX
#FA154B
RGB
rgb(250, 21, 75)
HSL
hsl(346, 96%, 53%)
HSB
hsb(346, 92%, 98%)
CMYK
cmyk(0%, 92%, 70%, 2%)
Oklch
oklch(62.9% 0.245 18.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#2D2026

Dark Violet · DarkSlateGray · Raspberry

HEX
#2D2026
RGB
rgb(45, 32, 38)
HSL
hsl(332, 17%, 15%)
HSB
hsb(332, 29%, 18%)
CMYK
cmyk(0%, 29%, 16%, 82%)
Oklch
oklch(26.2% 0.023 349.4)

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

#ACC0B3

Celadon · Silver · Apple Green

HEX
#ACC0B3
RGB
rgb(172, 192, 179)
HSL
hsl(141, 14%, 71%)
HSB
hsb(141, 10%, 75%)
CMYK
cmyk(10%, 0%, 7%, 25%)
Oklch
oklch(78.9% 0.028 157.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC9C18
185ADC

Analogous

DC3918
DC9C18
BCDC18

Triadic

DC9C18
18DC9B
9B18DC

Split-Comp.

DC9C18
18BCDC
3918DC

Tetradic

DC9C18
18DC39
185ADC
DC18BC

Contrast Matrix WCAG 2.1 Contrast

DC9C18
FA3E6A
FA154B
2D2026
ACC0B3
—
1.5
Fail
1.7
Fail
6.5
AA
1.2
Fail
1.5
Fail
—
1.1
Fail
4.4
AA Large
1.8
Fail
1.7
Fail
1.1
Fail
—
3.9
AA Large
2.1
Fail
6.5
AA
4.4
AA Large
3.9
AA Large
—
8.1
AAA
1.2
Fail
1.8
Fail
2.1
Fail
8.1
AAA
—
White BG
2.4Fail
3.5AA Large
4.0AA Large
15.6AAA
1.9Fail
Black BG
8.8AAA
6.0AA
5.3AA
1.3Fail
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C038
A9A75F
97953E
272725
B5B5B6

Deuteranopia

C4C940
B4C25D
A4B53B
282924
B4B2B7

Tritanopia

D95157
F15755
EF3431
2C2323
ADB9B9

Achromatopsia

A0A0A0
7B7B7B
606060
252525
B9B9B9

Shades & Tints Shades & Tints

#DC9C18

Dark
Light

#FA3E6A

Dark
Light

#FA154B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc9c18;
  --color-2: #fa3e6a;
  --color-3: #fa154b;
  --color-4: #2d2026;
  --color-5: #acc0b3;
}

SCSS

$color-1: #dc9c18;
$color-2: #fa3e6a;
$color-3: #fa154b;
$color-4: #2d2026;
$color-5: #acc0b3;

TAILWIND

colors: {
  'brand-1': '#dc9c18',
  'brand-2': '#fa3e6a',
  'brand-3': '#fa154b',
  'brand-4': '#2d2026',
  'brand-5': '#acc0b3',
}

RGB Array

[220, 156, 24], [250, 62, 106], [250, 21, 75], [45, 32, 38], [172, 192, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DC9C18, #FA3E6A, #FA154B, #2D2026, #ACC0B3 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #dc9c18; --color-2: #fa3e6a; --color-3: #fa154b; --color-4: #2d2026; --color-5: #acc0b3. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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