← Back to Editor

#94A3BA · #816361 · #F36188 · #EEC142 · #FFFAD6

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

#94A3BA

Azure · DarkGray · Cobalt Blue

HEX
#94A3BA
RGB
rgb(148, 163, 186)
HSL
hsl(216, 22%, 65%)
HSB
hsb(216, 20%, 73%)
CMYK
cmyk(20%, 12%, 0%, 27%)
Oklch
oklch(71.1% 0.038 258.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#816361

Crimson · DimGray · Passion Red

HEX
#816361
RGB
rgb(129, 99, 97)
HSL
hsl(4, 14%, 44%)
HSB
hsb(4, 25%, 51%)
CMYK
cmyk(0%, 23%, 25%, 49%)
Oklch
oklch(52.9% 0.039 22.9)

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

#F36188

Rouge · LightCoral · Rose Pink

HEX
#F36188
RGB
rgb(243, 97, 136)
HSL
hsl(344, 86%, 67%)
HSB
hsb(344, 60%, 95%)
CMYK
cmyk(0%, 60%, 44%, 5%)
Oklch
oklch(68.8% 0.182 6.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#EEC142

Ginger · SandyBrown · Sunflower

HEX
#EEC142
RGB
rgb(238, 193, 66)
HSL
hsl(44, 83%, 60%)
HSB
hsb(44, 72%, 93%)
CMYK
cmyk(0%, 19%, 72%, 7%)
Oklch
oklch(82.9% 0.148 88.6)

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

#FFFAD6

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFAD6
RGB
rgb(255, 250, 214)
HSL
hsl(53, 100%, 92%)
HSB
hsb(53, 16%, 100%)
CMYK
cmyk(0%, 2%, 16%, 0%)
Oklch
oklch(98.0% 0.047 100.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94A3BA
B9AA92

Analogous

92B5B9
94A3BA
9692B9

Triadic

94A3BA
B992A2
A2B992

Split-Comp.

94A3BA
B99692
B5B992

Tetradic

94A3BA
B992B5
B9AA92
92B996

Contrast Matrix WCAG 2.1 Contrast

94A3BA
816361
F36188
EEC142
FFFAD6
—
2.1
Fail
1.2
Fail
1.5
Fail
2.4
Fail
2.1
Fail
—
1.8
Fail
3.2
AA Large
5.1
AA
1.2
Fail
1.8
Fail
—
1.8
Fail
2.9
Fail
1.5
Fail
3.2
AA Large
1.8
Fail
—
1.6
Fail
2.4
Fail
5.1
AA
2.9
Fail
1.6
Fail
—
White BG
2.6Fail
5.4AA
3.1AA Large
1.7Fail
1.1Fail
Black BG
8.2AAA
3.9AA Large
6.9AA
12.3AAA
19.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9BB4
747461
B4B27F
DBDA61
FDFDDF

Deuteranopia

9A99B3
767862
BCC77C
DDE168
FDFEE1

Tritanopia

95B0AF
806262
EC7775
EC797E
FFE6E7

Achromatopsia

A1A1A1
6C6C6C
919191
C0C0C0
F7F7F7

Shades & Tints Shades & Tints

#94A3BA

Dark
Light

#816361

Dark
Light

#F36188

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94a3ba;
  --color-2: #816361;
  --color-3: #f36188;
  --color-4: #eec142;
  --color-5: #fffad6;
}

SCSS

$color-1: #94a3ba;
$color-2: #816361;
$color-3: #f36188;
$color-4: #eec142;
$color-5: #fffad6;

TAILWIND

colors: {
  'brand-1': '#94a3ba',
  'brand-2': '#816361',
  'brand-3': '#f36188',
  'brand-4': '#eec142',
  'brand-5': '#fffad6',
}

RGB Array

[148, 163, 186], [129, 99, 97], [243, 97, 136], [238, 193, 66], [255, 250, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94A3BA, #816361, #F36188, #EEC142, #FFFAD6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #94a3ba; --color-2: #816361; --color-3: #f36188; --color-4: #eec142; --color-5: #fffad6. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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