← Back to Editor

#FAD9A4 · #95AF92 · #17525A · #750805 · #F61803

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

#FAD9A4

Goose Yellow · Wheat · Peach Orange

HEX
#FAD9A4
RGB
rgb(250, 217, 164)
HSL
hsl(37, 90%, 81%)
HSB
hsb(37, 34%, 98%)
CMYK
cmyk(0%, 13%, 34%, 2%)
Oklch
oklch(90.0% 0.077 79.3)

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

#95AF92

Celadon · DarkSeaGreen · Apple Green

HEX
#95AF92
RGB
rgb(149, 175, 146)
HSL
hsl(114, 15%, 63%)
HSB
hsb(114, 17%, 69%)
CMYK
cmyk(15%, 0%, 17%, 31%)
Oklch
oklch(72.6% 0.050 142.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#17525A

Lake Blue · DarkSlateGray · Peacock Green

HEX
#17525A
RGB
rgb(23, 82, 90)
HSL
hsl(187, 59%, 22%)
HSB
hsb(187, 74%, 35%)
CMYK
cmyk(74%, 9%, 0%, 65%)
Oklch
oklch(40.5% 0.060 208.0)

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

#750805

Vermilion · Maroon · Wine Red

HEX
#750805
RGB
rgb(117, 8, 5)
HSL
hsl(2, 92%, 24%)
HSB
hsb(2, 96%, 46%)
CMYK
cmyk(0%, 93%, 96%, 54%)
Oklch
oklch(35.8% 0.140 29.1)

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

#F61803

Vermilion · Red · Passion Red

HEX
#F61803
RGB
rgb(246, 24, 3)
HSL
hsl(5, 98%, 49%)
HSB
hsb(5, 99%, 96%)
CMYK
cmyk(0%, 90%, 99%, 4%)
Oklch
oklch(61.7% 0.245 30.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD9A4
A3C4FA

Analogous

FAADA3
FAD9A4
F0FAA3

Triadic

FAD9A4
A3FAD9
D9A3FA

Split-Comp.

FAD9A4
A3F0FA
ADA3FA

Tetradic

FAD9A4
A3FAAD
A3C4FA
FAA3F0

Contrast Matrix WCAG 2.1 Contrast

FAD9A4
95AF92
17525A
750805
F61803
—
1.8
Fail
6.5
AA
8.7
AAA
3.1
AA Large
1.8
Fail
—
3.7
AA Large
4.9
AA
1.7
Fail
6.5
AA
3.7
AA Large
—
1.3
Fail
2.1
Fail
8.7
AAA
4.9
AA
1.3
Fail
—
2.8
Fail
3.1
AA Large
1.7
Fail
2.1
Fail
2.8
Fail
—
White BG
1.4Fail
2.4Fail
8.8AAA
11.7AAA
4.2AA Large
Black BG
15.5AAA
8.8AAA
2.4Fail
1.8Fail
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEBB1
A0A099
313158
464506
969408

Deuteranopia

EEF0B4
9F9D9B
2D2958
4C5406
A3B309

Tritanopia

F8BBBD
969FA0
1A5756
700606
EB0C0D

Achromatopsia

DDDDDD
A4A4A4
414141
282828
585858

Shades & Tints Shades & Tints

#FAD9A4

Dark
Light

#95AF92

Dark
Light

#17525A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad9a4;
  --color-2: #95af92;
  --color-3: #17525a;
  --color-4: #750805;
  --color-5: #f61803;
}

SCSS

$color-1: #fad9a4;
$color-2: #95af92;
$color-3: #17525a;
$color-4: #750805;
$color-5: #f61803;

TAILWIND

colors: {
  'brand-1': '#fad9a4',
  'brand-2': '#95af92',
  'brand-3': '#17525a',
  'brand-4': '#750805',
  'brand-5': '#f61803',
}

RGB Array

[250, 217, 164], [149, 175, 146], [23, 82, 90], [117, 8, 5], [246, 24, 3]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAD9A4, #95AF92, #17525A, #750805, #F61803 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: #fad9a4; --color-2: #95af92; --color-3: #17525a; --color-4: #750805; --color-5: #f61803. 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