← Back to Editor

#636E26 · #DE390B · #52665E · #DE0B0B · #FCF7D4

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

#636E26

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#636E26
RGB
rgb(99, 110, 38)
HSL
hsl(69, 49%, 29%)
HSB
hsb(69, 65%, 43%)
CMYK
cmyk(10%, 0%, 65%, 57%)
Oklch
oklch(51.3% 0.097 117.3)

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

#DE390B

Vermilion · OrangeRed · Passion Red

HEX
#DE390B
RGB
rgb(222, 57, 11)
HSL
hsl(13, 91%, 46%)
HSB
hsb(13, 95%, 87%)
CMYK
cmyk(0%, 74%, 95%, 13%)
Oklch
oklch(59.3% 0.207 34.2)

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

#52665E

Mineral Blue · DimGray · Forest Green

HEX
#52665E
RGB
rgb(82, 102, 94)
HSL
hsl(156, 11%, 36%)
HSB
hsb(156, 20%, 40%)
CMYK
cmyk(20%, 0%, 8%, 60%)
Oklch
oklch(49.1% 0.027 168.9)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#DE0B0B

Vermilion · Red · Passion Red

HEX
#DE0B0B
RGB
rgb(222, 11, 11)
HSL
hsl(0, 91%, 46%)
HSB
hsb(0, 95%, 87%)
CMYK
cmyk(0%, 95%, 95%, 13%)
Oklch
oklch(56.8% 0.229 28.9)

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

#FCF7D4

Fresh Green · Beige · Lemon Cream

HEX
#FCF7D4
RGB
rgb(252, 247, 212)
HSL
hsl(52, 87%, 91%)
HSB
hsb(52, 16%, 99%)
CMYK
cmyk(0%, 2%, 16%, 1%)
Oklch
oklch(97.1% 0.046 100.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

636E26
31266E

Analogous

6E5526
636E26
3F6E26

Triadic

636E26
26636E
6E2663

Split-Comp.

636E26
263F6E
55266E

Tetradic

636E26
266E55
31266E
6E263F

Contrast Matrix WCAG 2.1 Contrast

636E26
DE390B
52665E
DE0B0B
FCF7D4
—
1.2
Fail
1.1
Fail
1.1
Fail
5.1
AA
1.2
Fail
—
1.4
Fail
1.1
Fail
4.1
AA Large
1.1
Fail
1.4
Fail
—
1.2
Fail
5.7
AA
1.1
Fail
1.1
Fail
1.2
Fail
—
4.7
AA
5.1
AA
4.1
AA Large
5.7
AA
4.7
AA
—
White BG
5.5AA
4.5AA Large
6.1AA
5.0AA
1.1Fail
Black BG
3.8AA Large
4.7AA
3.4AA Large
4.2AA Large
19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

686837
979516
5B5B60
83810B
FAFADC

Deuteranopia

67663C
A0AC19
5A5860
8F9F0B
FAFADE

Tritanopia

644548
D61F21
536162
D30B0B
FCE3E5

Achromatopsia

636363
656565
5F5F5F
4A4A4A
F5F5F5

Shades & Tints Shades & Tints

#636E26

Dark
Light

#DE390B

Dark
Light

#52665E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #636e26;
  --color-2: #de390b;
  --color-3: #52665e;
  --color-4: #de0b0b;
  --color-5: #fcf7d4;
}

SCSS

$color-1: #636e26;
$color-2: #de390b;
$color-3: #52665e;
$color-4: #de0b0b;
$color-5: #fcf7d4;

TAILWIND

colors: {
  'brand-1': '#636e26',
  'brand-2': '#de390b',
  'brand-3': '#52665e',
  'brand-4': '#de0b0b',
  'brand-5': '#fcf7d4',
}

RGB Array

[99, 110, 38], [222, 57, 11], [82, 102, 94], [222, 11, 11], [252, 247, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #636E26, #DE390B, #52665E, #DE0B0B, #FCF7D4 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: #636e26; --color-2: #de390b; --color-3: #52665e; --color-4: #de0b0b; --color-5: #fcf7d4. 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