← Back to Editor

#D1625C · #F04A02 · #B85C00 · #FF3D33 · #A35652

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 App

Color Details Color Details

#D1625C

Crimson · Tomato · Passion Red

HEX
#D1625C
RGB
rgb(209, 98, 92)
HSL
hsl(3, 56%, 59%)
HSB
hsb(3, 56%, 82%)
CMYK
cmyk(0%, 53%, 56%, 18%)
Oklch
oklch(63.0% 0.142 25.1)

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

#F04A02

Tangerine · OrangeRed · Amber Brown

HEX
#F04A02
RGB
rgb(240, 74, 2)
HSL
hsl(18, 98%, 47%)
HSB
hsb(18, 99%, 94%)
CMYK
cmyk(0%, 69%, 99%, 6%)
Oklch
oklch(64.0% 0.212 37.3)

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

#B85C00

Ochre · Chocolate · Amber Brown

HEX
#B85C00
RGB
rgb(184, 92, 0)
HSL
hsl(30, 100%, 36%)
HSB
hsb(30, 100%, 72%)
CMYK
cmyk(0%, 50%, 100%, 28%)
Oklch
oklch(57.5% 0.144 53.8)

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

#FF3D33

Vermilion · Tomato · Passion Red

HEX
#FF3D33
RGB
rgb(255, 61, 51)
HSL
hsl(3, 100%, 60%)
HSB
hsb(3, 80%, 100%)
CMYK
cmyk(0%, 76%, 80%, 0%)
Oklch
oklch(65.6% 0.230 28.4)

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

#A35652

Crimson · Sienna · Passion Red

HEX
#A35652
RGB
rgb(163, 86, 82)
HSL
hsl(3, 33%, 48%)
HSB
hsb(3, 50%, 64%)
CMYK
cmyk(0%, 47%, 50%, 36%)
Oklch
oklch(54.4% 0.102 24.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1625C
5CCBD1

Analogous

D15C91
D1625C
D19C5C

Triadic

D1625C
5CD162
625CD1

Split-Comp.

D1625C
5CD19C
5C91D1

Tetradic

D1625C
91D15C
5CCBD1
9C5CD1

Contrast Matrix WCAG 2.1 Contrast

D1625C
F04A02
B85C00
FF3D33
A35652
—
1.0
Fail
1.2
Fail
1.1
Fail
1.4
Fail
1.0
Fail
—
1.2
Fail
1.0
Fail
1.4
Fail
1.2
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.3
Fail
—
1.5
Fail
1.4
Fail
1.4
Fail
1.1
Fail
1.5
Fail
—
White BG
3.7AA Large
3.7AA Large
4.6AA
3.5AA Large
5.2AA
Black BG
5.6AA
5.7AA
4.6AA
6.0AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A05D
A8A713
908F16
ABA935
828153

Deuteranopia

A7B05E
B2BE18
969C1C
B6C536
868C53

Tritanopia

CB5F5F
E82124
B3282C
F53738
9F5454

Achromatopsia

838383
737373
6D6D6D
767676
6D6D6D

Shades & Tints Shades & Tints

#D1625C

Dark
Light

#F04A02

Dark
Light

#B85C00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1625c;
  --color-2: #f04a02;
  --color-3: #b85c00;
  --color-4: #ff3d33;
  --color-5: #a35652;
}

SCSS

$color-1: #d1625c;
$color-2: #f04a02;
$color-3: #b85c00;
$color-4: #ff3d33;
$color-5: #a35652;

TAILWIND

colors: {
  'brand-1': '#d1625c',
  'brand-2': '#f04a02',
  'brand-3': '#b85c00',
  'brand-4': '#ff3d33',
  'brand-5': '#a35652',
}

RGB Array

[209, 98, 92], [240, 74, 2], [184, 92, 0], [255, 61, 51], [163, 86, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1625C, #F04A02, #B85C00, #FF3D33, #A35652 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #d1625c; --color-2: #f04a02; --color-3: #b85c00; --color-4: #ff3d33; --color-5: #a35652. 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. 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