← Back to Editor

#FA0537 · #351C25 · #D89264 · #C99674 · #156F66

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FA0537

Vermilion · Crimson · Passion Red

HEX
#FA0537
RGB
rgb(250, 5, 55)
HSL
hsl(348, 96%, 50%)
HSB
hsb(348, 98%, 98%)
CMYK
cmyk(0%, 98%, 78%, 2%)
Oklch
oklch(62.3% 0.250 22.7)

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

#351C25

Dark Violet · DarkSlateGray · Raspberry

HEX
#351C25
RGB
rgb(53, 28, 37)
HSL
hsl(338, 31%, 16%)
HSB
hsb(338, 47%, 21%)
CMYK
cmyk(0%, 47%, 30%, 79%)
Oklch
oklch(26.4% 0.042 357.3)

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

#D89264

Apricot · DarkSalmon · Warm Sun

HEX
#D89264
RGB
rgb(216, 146, 100)
HSL
hsl(24, 60%, 62%)
HSB
hsb(24, 54%, 85%)
CMYK
cmyk(0%, 32%, 54%, 15%)
Oklch
oklch(72.0% 0.105 53.6)

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

#C99674

Apricot · DarkSalmon · Warm Sun

HEX
#C99674
RGB
rgb(201, 150, 116)
HSL
hsl(24, 44%, 62%)
HSB
hsb(24, 42%, 79%)
CMYK
cmyk(0%, 25%, 42%, 21%)
Oklch
oklch(71.4% 0.077 54.8)

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

#156F66

Mineral Blue · Teal · Mint Ice

HEX
#156F66
RGB
rgb(21, 111, 102)
HSL
hsl(174, 68%, 26%)
HSB
hsb(174, 81%, 44%)
CMYK
cmyk(81%, 0%, 8%, 56%)
Oklch
oklch(49.0% 0.081 184.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA0537
05FAC9

Analogous

FA05B0
FA0537
FA4F05

Triadic

FA0537
36FA05
0536FA

Split-Comp.

FA0537
05FA4F
05B0FA

Tetradic

FA0537
B0FA05
05FAC9
4F05FA

Contrast Matrix WCAG 2.1 Contrast

FA0537
351C25
D89264
C99674
156F66
—
3.8
AA Large
1.6
Fail
1.6
Fail
1.5
Fail
3.8
AA Large
—
6.1
AA
6.0
AA
2.6
Fail
1.6
Fail
6.1
AA
—
1.0
Fail
2.3
Fail
1.6
Fail
6.0
AA
1.0
Fail
—
2.3
Fail
1.5
Fail
2.6
Fail
2.3
Fail
2.3
Fail
—
White BG
4.1AA Large
15.6AAA
2.6Fail
2.6Fail
6.0AA
Black BG
5.1AA
1.3Fail
8.2AAA
8.1AAA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

908E2B
2A2A23
BAB96F
B3B27C
3C3D68

Deuteranopia

9EB128
2C2D22
BEC372
B6BA7E
373069

Tritanopia

EE211F
342121
D5787A
C68384
1A6A6A

Achromatopsia

545454
252525
A2A2A2
A1A1A1
535353

Shades & Tints Shades & Tints

#FA0537

Dark
Light

#351C25

Dark
Light

#D89264

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa0537;
  --color-2: #351c25;
  --color-3: #d89264;
  --color-4: #c99674;
  --color-5: #156f66;
}

SCSS

$color-1: #fa0537;
$color-2: #351c25;
$color-3: #d89264;
$color-4: #c99674;
$color-5: #156f66;

TAILWIND

colors: {
  'brand-1': '#fa0537',
  'brand-2': '#351c25',
  'brand-3': '#d89264',
  'brand-4': '#c99674',
  'brand-5': '#156f66',
}

RGB Array

[250, 5, 55], [53, 28, 37], [216, 146, 100], [201, 150, 116], [21, 111, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FA0537, #351C25, #D89264, #C99674, #156F66 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: #fa0537; --color-2: #351c25; --color-3: #d89264; --color-4: #c99674; --color-5: #156f66. 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