← Back to Editor

#444D3E · #000000 · #950000 · #FF0000 · #F13F4D

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

#444D3E

Celadon · DarkSlateGray · Forest Green

HEX
#444D3E
RGB
rgb(68, 77, 62)
HSL
hsl(96, 11%, 27%)
HSB
hsb(96, 19%, 30%)
CMYK
cmyk(12%, 0%, 19%, 70%)
Oklch
oklch(40.7% 0.027 132.9)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#950000

Vermilion · DarkRed · Wine Red

HEX
#950000
RGB
rgb(149, 0, 0)
HSL
hsl(0, 100%, 29%)
HSB
hsb(0, 100%, 58%)
CMYK
cmyk(0%, 100%, 100%, 42%)
Oklch
oklch(42.1% 0.173 29.2)

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

#FF0000

Vermilion · Red · Passion Red

HEX
#FF0000
RGB
rgb(255, 0, 0)
HSL
hsl(0, 100%, 50%)
HSB
hsb(0, 100%, 100%)
CMYK
cmyk(0%, 100%, 100%, 0%)
Oklch
oklch(62.8% 0.258 29.2)

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

#F13F4D

Vermilion · Tomato · Passion Red

HEX
#F13F4D
RGB
rgb(241, 63, 77)
HSL
hsl(355, 86%, 60%)
HSB
hsb(355, 74%, 95%)
CMYK
cmyk(0%, 74%, 68%, 5%)
Oklch
oklch(63.7% 0.213 21.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

444D3E
463D4C

Analogous

4B4C3D
444D3E
3D4C3F

Triadic

444D3E
3D434C
4C3D43

Split-Comp.

444D3E
3F3D4C
4C3D4B

Tetradic

444D3E
3D4B4C
463D4C
4C3F3D

Contrast Matrix WCAG 2.1 Contrast

444D3E
000000
950000
FF0000
F13F4D
—
2.4
Fail
1.0
Fail
2.2
Fail
2.3
Fail
2.4
Fail
—
2.3
Fail
5.3
AA
5.6
AA
1.0
Fail
2.3
Fail
—
2.3
Fail
2.4
Fail
2.2
Fail
5.3
AA
2.3
Fail
—
1.1
Fail
2.3
Fail
5.6
AA
2.4
Fail
1.1
Fail
—
White BG
8.8AAA
21.0AAA
9.2AAA
4.0AA Large
3.8AA Large
Black BG
2.4Fail
1.0Fail
2.3Fail
5.3AA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

484842
000000
545300
918E00
A4A24A

Deuteranopia

474743
000000
5D6800
9FB300
AEBC49

Tritanopia

444445
000000
8E0000
F20000
E84746

Achromatopsia

494949
000000
2D2D2D
4C4C4C
767676

Shades & Tints Shades & Tints

#444D3E

Dark
Light

#000000

Dark
Light

#950000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #444d3e;
  --color-2: #000000;
  --color-3: #950000;
  --color-4: #ff0000;
  --color-5: #f13f4d;
}

SCSS

$color-1: #444d3e;
$color-2: #000000;
$color-3: #950000;
$color-4: #ff0000;
$color-5: #f13f4d;

TAILWIND

colors: {
  'brand-1': '#444d3e',
  'brand-2': '#000000',
  'brand-3': '#950000',
  'brand-4': '#ff0000',
  'brand-5': '#f13f4d',
}

RGB Array

[68, 77, 62], [0, 0, 0], [149, 0, 0], [255, 0, 0], [241, 63, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #444D3E, #000000, #950000, #FF0000, #F13F4D 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: #444d3e; --color-2: #000000; --color-3: #950000; --color-4: #ff0000; --color-5: #f13f4d. 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