← Back to Editor

#392E2C · #990100 · #C70102 · #FF0D41 · #1693A5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#392E2C

Crimson · DarkSlateGray · Deep Berry

HEX
#392E2C
RGB
rgb(57, 46, 44)
HSL
hsl(9, 13%, 20%)
HSB
hsb(9, 23%, 22%)
CMYK
cmyk(0%, 19%, 23%, 78%)
Oklch
oklch(31.3% 0.017 30.1)

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

#990100

Vermilion · DarkRed · Wine Red

HEX
#990100
RGB
rgb(153, 1, 0)
HSL
hsl(0, 100%, 30%)
HSB
hsb(0, 100%, 60%)
CMYK
cmyk(0%, 99%, 100%, 40%)
Oklch
oklch(42.9% 0.176 29.3)

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

#C70102

Vermilion · FireBrick · Wine Red

HEX
#C70102
RGB
rgb(199, 1, 2)
HSL
hsl(360, 99%, 39%)
HSB
hsb(360, 99%, 78%)
CMYK
cmyk(0%, 99%, 99%, 22%)
Oklch
oklch(52.1% 0.213 29.1)

Traditional「Vermilion」· Paint「Wine Red」· Creative Deep Ember

#FF0D41

Vermilion · Crimson · Passion Red

HEX
#FF0D41
RGB
rgb(255, 13, 65)
HSL
hsl(347, 100%, 53%)
HSB
hsb(347, 95%, 100%)
CMYK
cmyk(0%, 95%, 75%, 0%)
Oklch
oklch(63.5% 0.252 21.0)

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

#1693A5

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1693A5
RGB
rgb(22, 147, 165)
HSL
hsl(188, 76%, 37%)
HSB
hsb(188, 87%, 65%)
CMYK
cmyk(87%, 11%, 0%, 35%)
Oklch
oklch(61.0% 0.102 210.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

392E2C
2C383A

Analogous

3A2C31
392E2C
3A352C

Triadic

392E2C
2C3A2E
2E2C3A

Split-Comp.

392E2C
2C3A35
2C313A

Tetradic

392E2C
313A2C
2C383A
352C3A

Contrast Matrix WCAG 2.1 Contrast

392E2C
990100
C70102
FF0D41
1693A5
—
1.5
Fail
2.1
Fail
3.4
AA Large
3.6
AA Large
1.5
Fail
—
1.5
Fail
2.3
Fail
2.4
Fail
2.1
Fail
1.5
Fail
—
1.6
Fail
1.7
Fail
3.4
AA Large
2.3
Fail
1.6
Fail
—
1.1
Fail
3.6
AA Large
2.4
Fail
1.7
Fail
1.1
Fail
—
White BG
13.1AAA
8.9AAA
6.1AA
3.9AA Large
3.7AA Large
Black BG
1.6Fail
2.4Fail
3.4AA Large
5.4AA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

34342C
575600
716F02
969434
4C4DA1

Deuteranopia

35362D
606B00
7D8C02
A4B631
453CA0

Tritanopia

382D2D
910000
BD0202
F32A28
1C9D9C

Achromatopsia

313131
2E2E2E
3C3C3C
5B5B5B
707070

Shades & Tints Shades & Tints

#392E2C

Dark
Light

#990100

Dark
Light

#C70102

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #392e2c;
  --color-2: #990100;
  --color-3: #c70102;
  --color-4: #ff0d41;
  --color-5: #1693a5;
}

SCSS

$color-1: #392e2c;
$color-2: #990100;
$color-3: #c70102;
$color-4: #ff0d41;
$color-5: #1693a5;

TAILWIND

colors: {
  'brand-1': '#392e2c',
  'brand-2': '#990100',
  'brand-3': '#c70102',
  'brand-4': '#ff0d41',
  'brand-5': '#1693a5',
}

RGB Array

[57, 46, 44], [153, 1, 0], [199, 1, 2], [255, 13, 65], [22, 147, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #392E2C, #990100, #C70102, #FF0D41, #1693A5 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #392e2c; --color-2: #990100; --color-3: #c70102; --color-4: #ff0d41; --color-5: #1693a5. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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