← Back to Editor

#FC2F2F · #990118 · #261813 · #474639 · #CCC56B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FC2F2F

Vermilion · Crimson · Passion Red

HEX
#FC2F2F
RGB
rgb(252, 47, 47)
HSL
hsl(0, 97%, 59%)
HSB
hsb(0, 81%, 99%)
CMYK
cmyk(0%, 81%, 81%, 1%)
Oklch
oklch(64.1% 0.237 27.2)

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

#990118

Vermilion · DarkRed · Wine Red

HEX
#990118
RGB
rgb(153, 1, 24)
HSL
hsl(351, 99%, 30%)
HSB
hsb(351, 99%, 60%)
CMYK
cmyk(0%, 99%, 84%, 40%)
Oklch
oklch(43.1% 0.174 24.4)

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

#261813

Tangerine · Black · Cinnamon

HEX
#261813
RGB
rgb(38, 24, 19)
HSL
hsl(16, 33%, 11%)
HSB
hsb(16, 50%, 15%)
CMYK
cmyk(0%, 37%, 50%, 85%)
Oklch
oklch(22.6% 0.025 40.5)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#474639

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#474639
RGB
rgb(71, 70, 57)
HSL
hsl(56, 11%, 25%)
HSB
hsb(56, 20%, 28%)
CMYK
cmyk(0%, 1%, 20%, 72%)
Oklch
oklch(39.1% 0.021 103.7)

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

#CCC56B

Fresh Green · BurlyWood · Sunflower

HEX
#CCC56B
RGB
rgb(204, 197, 107)
HSL
hsl(56, 49%, 61%)
HSB
hsb(56, 48%, 80%)
CMYK
cmyk(0%, 3%, 48%, 20%)
Oklch
oklch(81.0% 0.113 104.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC2F2F
31FCFC

Analogous

FC3196
FC2F2F
FC9631

Triadic

FC2F2F
31FC31
3131FC

Split-Comp.

FC2F2F
31FC96
3196FC

Tetradic

FC2F2F
96FC31
31FCFC
9631FC

Contrast Matrix WCAG 2.1 Contrast

FC2F2F
990118
261813
474639
CCC56B
—
2.4
Fail
4.6
AA
2.5
Fail
2.1
Fail
2.4
Fail
—
1.9
Fail
1.1
Fail
5.0
AA
4.6
AA
1.9
Fail
—
1.8
Fail
9.6
AAA
2.5
Fail
1.1
Fail
1.8
Fail
—
5.3
AA
2.1
Fail
5.0
AA
9.6
AAA
5.3
AA
—
White BG
3.8AA Large
8.9AAA
17.2AAA
9.5AAA
1.8Fail
Black BG
5.6AA
2.4Fail
1.2Fail
2.2Fail
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A12F
575612
202014
47473C
C9C981

Deuteranopia

AFBE2F
606B11
212215
47473D
C9CA86

Tritanopia

F22F2F
910E0D
251515
473F3F
CC9296

Achromatopsia

6C6C6C
313131
1C1C1C
454545
BDBDBD

Shades & Tints Shades & Tints

#FC2F2F

Dark
Light

#990118

Dark
Light

#261813

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc2f2f;
  --color-2: #990118;
  --color-3: #261813;
  --color-4: #474639;
  --color-5: #ccc56b;
}

SCSS

$color-1: #fc2f2f;
$color-2: #990118;
$color-3: #261813;
$color-4: #474639;
$color-5: #ccc56b;

TAILWIND

colors: {
  'brand-1': '#fc2f2f',
  'brand-2': '#990118',
  'brand-3': '#261813',
  'brand-4': '#474639',
  'brand-5': '#ccc56b',
}

RGB Array

[252, 47, 47], [153, 1, 24], [38, 24, 19], [71, 70, 57], [204, 197, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC2F2F, #990118, #261813, #474639, #CCC56B is ideal for: tech websites, dark mode UIs, game UIs, 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: #fc2f2f; --color-2: #990118; --color-3: #261813; --color-4: #474639; --color-5: #ccc56b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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