← Back to Editor

#D62400 · #EC542B · #F99138 · #F7CA75 · #908D22

cool

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

#D62400

Vermilion · FireBrick · Passion Red

HEX
#D62400
RGB
rgb(214, 36, 0)
HSL
hsl(10, 100%, 42%)
HSB
hsb(10, 100%, 84%)
CMYK
cmyk(0%, 83%, 100%, 16%)
Oklch
oklch(56.3% 0.214 31.9)

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

#EC542B

Vermilion · Chocolate · Passion Red

HEX
#EC542B
RGB
rgb(236, 84, 43)
HSL
hsl(13, 84%, 55%)
HSB
hsb(13, 82%, 93%)
CMYK
cmyk(0%, 64%, 82%, 7%)
Oklch
oklch(64.6% 0.195 35.6)

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

#F99138

Tangerine · Coral · Warm Sun

HEX
#F99138
RGB
rgb(249, 145, 56)
HSL
hsl(28, 94%, 60%)
HSB
hsb(28, 78%, 98%)
CMYK
cmyk(0%, 42%, 78%, 2%)
Oklch
oklch(75.3% 0.159 56.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F7CA75

Goose Yellow · BurlyWood · Warm Sun

HEX
#F7CA75
RGB
rgb(247, 202, 117)
HSL
hsl(39, 89%, 71%)
HSB
hsb(39, 53%, 97%)
CMYK
cmyk(0%, 18%, 53%, 3%)
Oklch
oklch(86.1% 0.115 82.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#908D22

Autumn Sage · Olive · Honey Gold

HEX
#908D22
RGB
rgb(144, 141, 34)
HSL
hsl(58, 62%, 35%)
HSB
hsb(58, 76%, 56%)
CMYK
cmyk(0%, 2%, 76%, 44%)
Oklch
oklch(62.7% 0.123 107.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D62400
00B3D6

Analogous

D60047
D62400
D68F00

Triadic

D62400
00D624
2400D6

Split-Comp.

D62400
00D68F
0047D6

Tetradic

D62400
47D600
00B3D6
8F00D6

Contrast Matrix WCAG 2.1 Contrast

D62400
EC542B
F99138
F7CA75
908D22
—
1.4
Fail
2.2
Fail
3.3
AA Large
1.5
Fail
1.4
Fail
—
1.6
Fail
2.3
Fail
1.0
Fail
2.2
Fail
1.6
Fail
—
1.5
Fail
1.5
Fail
3.3
AA Large
2.3
Fail
1.5
Fail
—
2.3
Fail
1.5
Fail
1.0
Fail
1.5
Fail
2.3
Fail
—
White BG
5.1AA
3.6AA Large
2.3Fail
1.5Fail
3.5AA Large
Black BG
4.1AA Large
5.9AA
9.1AAA
13.7AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898709
AAA935
CCCB4E
E4E38A
8F8F3C

Deuteranopia

93A10B
B3BE37
D2DA53
E6E98F
8F8F42

Tritanopia

CD1011
E43D3E
F45F62
F59A9D
905055

Achromatopsia

555555
7D7D7D
A6A6A6
CECECE
828282

Shades & Tints Shades & Tints

#D62400

Dark
Light

#EC542B

Dark
Light

#F99138

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d62400;
  --color-2: #ec542b;
  --color-3: #f99138;
  --color-4: #f7ca75;
  --color-5: #908d22;
}

SCSS

$color-1: #d62400;
$color-2: #ec542b;
$color-3: #f99138;
$color-4: #f7ca75;
$color-5: #908d22;

TAILWIND

colors: {
  'brand-1': '#d62400',
  'brand-2': '#ec542b',
  'brand-3': '#f99138',
  'brand-4': '#f7ca75',
  'brand-5': '#908d22',
}

RGB Array

[214, 36, 0], [236, 84, 43], [249, 145, 56], [247, 202, 117], [144, 141, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #D62400, #EC542B, #F99138, #F7CA75, #908D22 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: #d62400; --color-2: #ec542b; --color-3: #f99138; --color-4: #f7ca75; --color-5: #908d22. 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 cool-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