#242726 + #303033 + #A02539 + #DB1F3E + #FF0041 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#242726

Ink Black · DarkSlateGray · Dark Stone

HEX

#242726

RGB

rgb(36, 39, 38)

HSL

hsl(160, 4%, 15%)

HSB

hsb(160, 8%, 15%)

CMYK

cmyk(8%, 0%, 3%, 85%)

Oklch

oklch(26.9% 0.005 174.1)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#303033

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#303033

RGB

rgb(48, 48, 51)

HSL

hsl(240, 3%, 19%)

HSB

hsb(240, 6%, 20%)

CMYK

cmyk(6%, 6%, 0%, 80%)

Oklch

oklch(31.0% 0.005 286.1)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#A02539

Vermilion · Brown · Wine Red

HEX

#A02539

RGB

rgb(160, 37, 57)

HSL

hsl(350, 62%, 39%)

HSB

hsb(350, 77%, 63%)

CMYK

cmyk(0%, 77%, 64%, 37%)

Oklch

oklch(46.9% 0.158 17.1)

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

#DB1F3E

Vermilion · Crimson · Passion Red

HEX

#DB1F3E

RGB

rgb(219, 31, 62)

HSL

hsl(350, 75%, 49%)

HSB

hsb(350, 86%, 86%)

CMYK

cmyk(0%, 86%, 72%, 14%)

Oklch

oklch(57.4% 0.216 20.3)

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

#FF0041

Vermilion · Crimson · Passion Red

HEX

#FF0041

RGB

rgb(255, 0, 65)

HSL

hsl(345, 100%, 50%)

HSB

hsb(345, 100%, 100%)

CMYK

cmyk(0%, 100%, 75%, 0%)

Oklch

oklch(63.2% 0.254 20.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

242726

282526

Analogous

252825

242726

252728

Triadic

242726

272528

282725

Split-Comp.

242726

282527

282525

Tetradic

242726

252528

282526

272825

Contrast Matrix WCAG 2.1 Contrast

242726	303033	A02539	DB1F3E	FF0041
—	1.1 Fail	2.0 Fail	3.1 AA Large	3.8 AA Large
1.1 Fail	—	1.8 Fail	2.7 Fail	3.3 AA Large
2.0 Fail	1.8 Fail	—	1.5 Fail	1.9 Fail
3.1 AA Large	2.7 Fail	1.5 Fail	—	1.2 Fail
3.8 AA Large	3.3 AA Large	1.9 Fail	1.2 Fail	—

White BG

15.1AAA

13.2AAA

7.5AAA

4.9AA

3.9AA Large

Black BG

1.4Fail

1.6Fail

2.8Fail

4.3AA Large

5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

252526

303032

6B6A34

8A8836

918E31

Deuteranopia

252526

303032

727B33

95A335

9FB32E

Tritanopia

242626

303232

9A3030

D2312F

F22522

Achromatopsia

262626

303030

4C4C4C

5B5B5B

545454

Shades & Tints Shades & Tints

#242726

Dark

Light

#303033

Dark

Light

#A02539

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #242726;
  --color-2: #303033;
  --color-3: #a02539;
  --color-4: #db1f3e;
  --color-5: #ff0041;
}

SCSS

$color-1: #242726;
$color-2: #303033;
$color-3: #a02539;
$color-4: #db1f3e;
$color-5: #ff0041;

TAILWIND

colors: {
  'brand-1': '#242726',
  'brand-2': '#303033',
  'brand-3': '#a02539',
  'brand-4': '#db1f3e',
  'brand-5': '#ff0041',
}

RGB Array

[36, 39, 38], [48, 48, 51], [160, 37, 57], [219, 31, 62], [255, 0, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #242726, #303033, #A02539, #DB1F3E, #FF0041 is ideal for: tech websites, dark mode UIs, game UIs. 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: #242726; --color-2: #303033; --color-3: #a02539; --color-4: #db1f3e; --color-5: #ff0041. 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. 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