← Back to Editor

#F8DFBB · #DCAD33 · #513C3B · #D75130 · #795794

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F8DFBB

Goose Yellow · Wheat · Peach Orange

HEX
#F8DFBB
RGB
rgb(248, 223, 187)
HSL
hsl(35, 81%, 85%)
HSB
hsb(35, 25%, 97%)
CMYK
cmyk(0%, 10%, 25%, 3%)
Oklch
oklch(91.5% 0.055 76.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#DCAD33

Ginger · GoldenRod · Sunflower

HEX
#DCAD33
RGB
rgb(220, 173, 51)
HSL
hsl(43, 71%, 53%)
HSB
hsb(43, 77%, 86%)
CMYK
cmyk(0%, 21%, 77%, 14%)
Oklch
oklch(77.0% 0.142 86.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#513C3B

Crimson · DarkSlateGray · Wine Red

HEX
#513C3B
RGB
rgb(81, 60, 59)
HSL
hsl(3, 16%, 27%)
HSB
hsb(3, 27%, 32%)
CMYK
cmyk(0%, 26%, 27%, 68%)
Oklch
oklch(37.9% 0.030 21.7)

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

#D75130

Vermilion · Chocolate · Passion Red

HEX
#D75130
RGB
rgb(215, 81, 48)
HSL
hsl(12, 68%, 52%)
HSB
hsb(12, 78%, 84%)
CMYK
cmyk(0%, 62%, 78%, 16%)
Oklch
oklch(60.9% 0.175 34.9)

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

#795794

Dark Plum · SlateGray · Violet

HEX
#795794
RGB
rgb(121, 87, 148)
HSL
hsl(273, 26%, 46%)
HSB
hsb(273, 41%, 58%)
CMYK
cmyk(18%, 41%, 0%, 42%)
Oklch
oklch(51.7% 0.101 308.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8DFBB
BAD4F8

Analogous

F8BFBA
F8DFBB
F3F8BA

Triadic

F8DFBB
BAF8DE
DEBAF8

Split-Comp.

F8DFBB
BAF3F8
BFBAF8

Tetradic

F8DFBB
BAF8BF
BAD4F8
F8BAF3

Contrast Matrix WCAG 2.1 Contrast

F8DFBB
DCAD33
513C3B
D75130
795794
—
1.6
Fail
7.9
AAA
3.2
AA Large
4.5
AA
1.6
Fail
—
4.9
AA
2.0
Fail
2.8
Fail
7.9
AAA
4.9
AA
—
2.5
Fail
1.8
Fail
3.2
AA Large
2.0
Fail
2.5
Fail
—
1.4
Fail
4.5
AA
2.8
Fail
1.8
Fail
1.4
Fail
—
White BG
1.3Fail
2.1Fail
10.2AAA
4.1AA Large
5.8AA
Black BG
16.3AAA
10.1AAA
2.1Fail
5.1AA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDC4
C8C751
48483B
9D9C38
6A6A85

Deuteranopia

EFF1C6
CACE58
494B3B
A5AF3A
6C6F82

Tritanopia

F7CBCC
DA686D
503B3B
D03E40
777A77

Achromatopsia

E2E2E2
ADADAD
424242
757575
686868

Shades & Tints Shades & Tints

#F8DFBB

Dark
Light

#DCAD33

Dark
Light

#513C3B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8dfbb;
  --color-2: #dcad33;
  --color-3: #513c3b;
  --color-4: #d75130;
  --color-5: #795794;
}

SCSS

$color-1: #f8dfbb;
$color-2: #dcad33;
$color-3: #513c3b;
$color-4: #d75130;
$color-5: #795794;

TAILWIND

colors: {
  'brand-1': '#f8dfbb',
  'brand-2': '#dcad33',
  'brand-3': '#513c3b',
  'brand-4': '#d75130',
  'brand-5': '#795794',
}

RGB Array

[248, 223, 187], [220, 173, 51], [81, 60, 59], [215, 81, 48], [121, 87, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8DFBB, #DCAD33, #513C3B, #D75130, #795794 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: #f8dfbb; --color-2: #dcad33; --color-3: #513c3b; --color-4: #d75130; --color-5: #795794. 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