← Back to Editor

#744747 · #F1DB90 · #B39C4E · #F99D7A · #FAE5D3

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 AppData Visualization

Color Details Color Details

#744747

Crimson · DimGray · Wine Red

HEX
#744747
RGB
rgb(116, 71, 71)
HSL
hsl(0, 24%, 37%)
HSB
hsb(0, 39%, 45%)
CMYK
cmyk(0%, 39%, 39%, 55%)
Oklch
oklch(45.0% 0.062 19.8)

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

#F1DB90

Goose Yellow · Khaki · Sunflower

HEX
#F1DB90
RGB
rgb(241, 219, 144)
HSL
hsl(46, 78%, 75%)
HSB
hsb(46, 40%, 95%)
CMYK
cmyk(0%, 9%, 40%, 5%)
Oklch
oklch(89.3% 0.097 93.7)

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

#B39C4E

Ochre · GoldenRod · Honey Gold

HEX
#B39C4E
RGB
rgb(179, 156, 78)
HSL
hsl(46, 40%, 50%)
HSB
hsb(46, 56%, 70%)
CMYK
cmyk(0%, 13%, 56%, 30%)
Oklch
oklch(69.7% 0.102 93.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F99D7A

Apricot · LightSalmon · Warm Sun

HEX
#F99D7A
RGB
rgb(249, 157, 122)
HSL
hsl(17, 91%, 73%)
HSB
hsb(17, 51%, 98%)
CMYK
cmyk(0%, 37%, 51%, 2%)
Oklch
oklch(78.2% 0.121 41.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FAE5D3

Apricot · Bisque · Peach Orange

HEX
#FAE5D3
RGB
rgb(250, 229, 211)
HSL
hsl(28, 80%, 90%)
HSB
hsb(28, 16%, 98%)
CMYK
cmyk(0%, 8%, 16%, 2%)
Oklch
oklch(93.4% 0.033 63.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

744747
487575

Analogous

75485E
744747
755E48

Triadic

744747
487548
484875

Split-Comp.

744747
48755E
485E75

Tetradic

744747
5E7548
487575
5E4875

Contrast Matrix WCAG 2.1 Contrast

744747
F1DB90
B39C4E
F99D7A
FAE5D3
—
5.6
AA
2.8
Fail
3.7
AA Large
6.3
AA
5.6
AA
—
2.0
Fail
1.5
Fail
1.1
Fail
2.8
Fail
2.0
Fail
—
1.3
Fail
2.2
Fail
3.7
AA Large
1.5
Fail
1.3
Fail
—
1.7
Fail
6.3
AA
1.1
Fail
2.2
Fail
1.7
Fail
—
White BG
7.7AAA
1.4Fail
2.7Fail
2.1Fail
1.2Fail
Black BG
2.7Fail
15.3AAA
7.8AAA
10.1AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

616047
E7E7A2
A9A961
D1D082
F1F1D7

Deuteranopia

636647
E9EAA7
AAAC65
D7DD85
F2F4D8

Tritanopia

724747
F0B0B4
B27073
F4898B
F9DBDC

Achromatopsia

545454
D9D9D9
9A9A9A
B5B5B5
E9E9E9

Shades & Tints Shades & Tints

#744747

Dark
Light

#F1DB90

Dark
Light

#B39C4E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #744747;
  --color-2: #f1db90;
  --color-3: #b39c4e;
  --color-4: #f99d7a;
  --color-5: #fae5d3;
}

SCSS

$color-1: #744747;
$color-2: #f1db90;
$color-3: #b39c4e;
$color-4: #f99d7a;
$color-5: #fae5d3;

TAILWIND

colors: {
  'brand-1': '#744747',
  'brand-2': '#f1db90',
  'brand-3': '#b39c4e',
  'brand-4': '#f99d7a',
  'brand-5': '#fae5d3',
}

RGB Array

[116, 71, 71], [241, 219, 144], [179, 156, 78], [249, 157, 122], [250, 229, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #744747, #F1DB90, #B39C4E, #F99D7A, #FAE5D3 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: #744747; --color-2: #f1db90; --color-3: #b39c4e; --color-4: #f99d7a; --color-5: #fae5d3. 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