← Back to Editor

#110303 · #C3062C · #FF194B · #8FA080 · #708066

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

#110303

Vermilion · Black · Deep Berry

HEX
#110303
RGB
rgb(17, 3, 3)
HSL
hsl(0, 70%, 4%)
HSB
hsb(0, 82%, 7%)
CMYK
cmyk(0%, 82%, 82%, 93%)
Oklch
oklch(12.8% 0.031 22.5)

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

#C3062C

Vermilion · Crimson · Wine Red

HEX
#C3062C
RGB
rgb(195, 6, 44)
HSL
hsl(348, 94%, 39%)
HSB
hsb(348, 97%, 76%)
CMYK
cmyk(0%, 97%, 77%, 24%)
Oklch
oklch(51.8% 0.206 21.9)

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

#FF194B

Vermilion · Crimson · Passion Red

HEX
#FF194B
RGB
rgb(255, 25, 75)
HSL
hsl(347, 100%, 55%)
HSB
hsb(347, 90%, 100%)
CMYK
cmyk(0%, 90%, 71%, 0%)
Oklch
oklch(63.9% 0.248 19.1)

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

#8FA080

Celadon · DarkSeaGreen · Olive Green

HEX
#8FA080
RGB
rgb(143, 160, 128)
HSL
hsl(92, 14%, 56%)
HSB
hsb(92, 20%, 63%)
CMYK
cmyk(11%, 0%, 20%, 37%)
Oklch
oklch(68.3% 0.050 130.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#708066

Celadon · DimGray · Olive Green

HEX
#708066
RGB
rgb(112, 128, 102)
HSL
hsl(97, 11%, 45%)
HSB
hsb(97, 20%, 50%)
CMYK
cmyk(13%, 0%, 20%, 50%)
Oklch
oklch(57.9% 0.043 133.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

110303
031111

Analogous

11030A
110303
110A03

Triadic

110303
031103
030311

Split-Comp.

110303
03110A
030A11

Tetradic

110303
0A1103
031111
0A0311

Contrast Matrix WCAG 2.1 Contrast

110303
C3062C
FF194B
8FA080
708066
—
3.3
AA Large
5.3
AA
7.2
AAA
4.8
AA
3.3
AA Large
—
1.6
Fail
2.2
Fail
1.5
Fail
5.3
AA
1.6
Fail
—
1.4
Fail
1.1
Fail
7.2
AAA
2.2
Fail
1.4
Fail
—
1.5
Fail
4.8
AA
1.5
Fail
1.1
Fail
1.5
Fail
—
White BG
20.2AAA
6.2AA
3.8AA Large
2.8Fail
4.2AA Large
Black BG
1.0Fail
3.4AA Large
5.5AA
7.5AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0B0B03
716F23
9B993F
969788
77776C

Deuteranopia

0C0D03
7C8A21
A9BA3C
95948A
76756E

Tritanopia

100303
BA1C1A
F43533
908E8F
717172

Achromatopsia

070707
434343
636363
979797
787878

Shades & Tints Shades & Tints

#110303

Dark
Light

#C3062C

Dark
Light

#FF194B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #110303;
  --color-2: #c3062c;
  --color-3: #ff194b;
  --color-4: #8fa080;
  --color-5: #708066;
}

SCSS

$color-1: #110303;
$color-2: #c3062c;
$color-3: #ff194b;
$color-4: #8fa080;
$color-5: #708066;

TAILWIND

colors: {
  'brand-1': '#110303',
  'brand-2': '#c3062c',
  'brand-3': '#ff194b',
  'brand-4': '#8fa080',
  'brand-5': '#708066',
}

RGB Array

[17, 3, 3], [195, 6, 44], [255, 25, 75], [143, 160, 128], [112, 128, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #110303, #C3062C, #FF194B, #8FA080, #708066 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: #110303; --color-2: #c3062c; --color-3: #ff194b; --color-4: #8fa080; --color-5: #708066. 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