← Back to Editor

#791807 · #FFEBC0 · #90906E · #3F5761 · #20302F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#791807

Vermilion · Maroon · Wine Red

HEX
#791807
RGB
rgb(121, 24, 7)
HSL
hsl(9, 89%, 25%)
HSB
hsb(9, 94%, 47%)
CMYK
cmyk(0%, 80%, 94%, 53%)
Oklch
oklch(37.7% 0.134 32.2)

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

#FFEBC0

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEBC0
RGB
rgb(255, 235, 192)
HSL
hsl(41, 100%, 88%)
HSB
hsb(41, 25%, 100%)
CMYK
cmyk(0%, 8%, 25%, 0%)
Oklch
oklch(94.6% 0.060 86.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#90906E

Autumn Sage · Gray · Honey Gold

HEX
#90906E
RGB
rgb(144, 144, 110)
HSL
hsl(60, 13%, 50%)
HSB
hsb(60, 24%, 56%)
CMYK
cmyk(0%, 0%, 24%, 44%)
Oklch
oklch(64.4% 0.048 107.7)

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

#3F5761

Slate Blue · DarkSlateGray · Mint Ice

HEX
#3F5761
RGB
rgb(63, 87, 97)
HSL
hsl(198, 21%, 31%)
HSB
hsb(198, 35%, 38%)
CMYK
cmyk(35%, 10%, 0%, 62%)
Oklch
oklch(44.1% 0.033 225.5)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#20302F

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#20302F
RGB
rgb(32, 48, 47)
HSL
hsl(176, 20%, 16%)
HSB
hsb(176, 33%, 19%)
CMYK
cmyk(33%, 0%, 2%, 81%)
Oklch
oklch(29.5% 0.021 191.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

791807
076778

Analogous

78072F
791807
785107

Triadic

791807
077818
180778

Split-Comp.

791807
077851
072F78

Tetradic

791807
2F7807
076778
510778

Contrast Matrix WCAG 2.1 Contrast

791807
FFEBC0
90906E
3F5761
20302F
—
9.2
AAA
3.3
AA Large
1.4
Fail
1.3
Fail
9.2
AAA
—
2.8
Fail
6.5
AA
11.7
AAA
3.3
AA Large
2.8
Fail
—
2.3
Fail
4.2
AA Large
1.4
Fail
6.5
AA
2.3
Fail
—
1.8
Fail
1.3
Fail
11.7
AAA
4.2
AA Large
1.8
Fail
—
White BG
10.8AAA
1.2Fail
3.3AA Large
7.6AAA
13.8AAA
Black BG
1.9Fail
17.9AAA
6.4AA
2.7Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4E0B
F6F6CA
909076
494A5F
27272F

Deuteranopia

555C0C
F8F9CD
909078
48465E
26252F

Tritanopia

740E0F
FED3D4
907D7E
405D5C
212F2F

Achromatopsia

333333
ECECEC
8C8C8C
515151
2B2B2B

Shades & Tints Shades & Tints

#791807

Dark
Light

#FFEBC0

Dark
Light

#90906E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #791807;
  --color-2: #ffebc0;
  --color-3: #90906e;
  --color-4: #3f5761;
  --color-5: #20302f;
}

SCSS

$color-1: #791807;
$color-2: #ffebc0;
$color-3: #90906e;
$color-4: #3f5761;
$color-5: #20302f;

TAILWIND

colors: {
  'brand-1': '#791807',
  'brand-2': '#ffebc0',
  'brand-3': '#90906e',
  'brand-4': '#3f5761',
  'brand-5': '#20302f',
}

RGB Array

[121, 24, 7], [255, 235, 192], [144, 144, 110], [63, 87, 97], [32, 48, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #791807, #FFEBC0, #90906E, #3F5761, #20302F is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #791807; --color-2: #ffebc0; --color-3: #90906e; --color-4: #3f5761; --color-5: #20302f. 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 tech, SaaS, healthcare, eco industries. 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