← Back to Editor

#FA0A9B · #361811 · #12B8A1 · #CBD123 · #FCD152

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

#FA0A9B

Rose Purple · DeepPink · Rose Pink

HEX
#FA0A9B
RGB
rgb(250, 10, 155)
HSL
hsl(324, 96%, 51%)
HSB
hsb(324, 96%, 98%)
CMYK
cmyk(0%, 96%, 38%, 2%)
Oklch
oklch(64.7% 0.264 353.3)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#361811

Crimson · Black · Deep Berry

HEX
#361811
RGB
rgb(54, 24, 17)
HSL
hsl(11, 52%, 14%)
HSB
hsb(11, 69%, 21%)
CMYK
cmyk(0%, 56%, 69%, 79%)
Oklch
oklch(25.1% 0.050 34.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#12B8A1

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#12B8A1
RGB
rgb(18, 184, 161)
HSL
hsl(172, 82%, 40%)
HSB
hsb(172, 90%, 72%)
CMYK
cmyk(90%, 0%, 13%, 28%)
Oklch
oklch(70.2% 0.126 179.4)

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

#CBD123

Autumn Sage · GoldenRod · Honey Gold

HEX
#CBD123
RGB
rgb(203, 209, 35)
HSL
hsl(62, 71%, 48%)
HSB
hsb(62, 83%, 82%)
CMYK
cmyk(3%, 0%, 83%, 18%)
Oklch
oklch(82.9% 0.176 111.8)

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

#FCD152

Ginger · SandyBrown · Sunflower

HEX
#FCD152
RGB
rgb(252, 209, 82)
HSL
hsl(45, 97%, 65%)
HSB
hsb(45, 67%, 99%)
CMYK
cmyk(0%, 17%, 67%, 1%)
Oklch
oklch(87.5% 0.149 90.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA0A9B
0AFA6A

Analogous

E20AFA
FA0A9B
FA0A22

Triadic

FA0A9B
9AFA0A
0A9AFA

Split-Comp.

FA0A9B
22FA0A
0AFAE2

Tetradic

FA0A9B
FAE20A
0AFA6A
0A22FA

Contrast Matrix WCAG 2.1 Contrast

FA0A9B
361811
12B8A1
CBD123
FCD152
—
4.3
AA Large
1.5
Fail
2.3
Fail
2.6
Fail
4.3
AA Large
—
6.5
AA
9.8
AAA
11.1
AAA
1.5
Fail
6.5
AA
—
1.5
Fail
1.7
Fail
2.3
Fail
9.8
AAA
1.5
Fail
—
1.1
Fail
2.6
Fail
11.1
AAA
1.7
Fail
1.1
Fail
—
White BG
3.8AA Large
16.2AAA
2.5Fail
1.7Fail
1.5Fail
Black BG
5.6AA
1.3Fail
8.4AAA
12.7AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

929078
292913
5A5BA7
CECE4D
E9E971

Deuteranopia

A0B270
2B2D13
5044A8
CDCD57
ECEF78

Tritanopia

EE5C56
351414
1AABAC
CB6E76
FA898E

Achromatopsia

626262
202020
848484
BBBBBB
CFCFCF

Shades & Tints Shades & Tints

#FA0A9B

Dark
Light

#361811

Dark
Light

#12B8A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa0a9b;
  --color-2: #361811;
  --color-3: #12b8a1;
  --color-4: #cbd123;
  --color-5: #fcd152;
}

SCSS

$color-1: #fa0a9b;
$color-2: #361811;
$color-3: #12b8a1;
$color-4: #cbd123;
$color-5: #fcd152;

TAILWIND

colors: {
  'brand-1': '#fa0a9b',
  'brand-2': '#361811',
  'brand-3': '#12b8a1',
  'brand-4': '#cbd123',
  'brand-5': '#fcd152',
}

RGB Array

[250, 10, 155], [54, 24, 17], [18, 184, 161], [203, 209, 35], [252, 209, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FA0A9B, #361811, #12B8A1, #CBD123, #FCD152 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: #fa0a9b; --color-2: #361811; --color-3: #12b8a1; --color-4: #cbd123; --color-5: #fcd152. 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