← Back to Editor

#49131B · #728374 · #05556B · #042754 · #067081

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

#49131B

Crimson · Maroon · Deep Berry

HEX
#49131B
RGB
rgb(73, 19, 27)
HSL
hsl(351, 59%, 18%)
HSB
hsb(351, 74%, 29%)
CMYK
cmyk(0%, 74%, 63%, 71%)
Oklch
oklch(28.0% 0.082 15.6)

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

#728374

Ink Gray · Gray · Warm Gray

HEX
#728374
RGB
rgb(114, 131, 116)
HSL
hsl(127, 7%, 48%)
HSB
hsb(127, 13%, 51%)
CMYK
cmyk(13%, 0%, 11%, 49%)
Oklch
oklch(59.2% 0.030 148.5)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#05556B

Lake Blue · Teal · Peacock Green

HEX
#05556B
RGB
rgb(5, 85, 107)
HSL
hsl(193, 91%, 22%)
HSB
hsb(193, 95%, 42%)
CMYK
cmyk(95%, 21%, 0%, 58%)
Oklch
oklch(41.8% 0.076 223.6)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#042754

Indigo · MidnightBlue · Deep Sea Blue

HEX
#042754
RGB
rgb(4, 39, 84)
HSL
hsl(214, 91%, 17%)
HSB
hsb(214, 95%, 33%)
CMYK
cmyk(95%, 54%, 0%, 67%)
Oklch
oklch(27.9% 0.091 256.9)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#067081

Lake Blue · Teal · Mint Ice

HEX
#067081
RGB
rgb(6, 112, 129)
HSL
hsl(188, 91%, 26%)
HSB
hsb(188, 95%, 51%)
CMYK
cmyk(95%, 13%, 0%, 49%)
Oklch
oklch(50.1% 0.086 213.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

49131B
134941

Analogous

491336
49131B
492613

Triadic

49131B
1B4913
131B49

Split-Comp.

49131B
134926
133649

Tetradic

49131B
364913
134941
261349

Contrast Matrix WCAG 2.1 Contrast

49131B
728374
05556B
042754
067081
—
3.7
AA Large
1.8
Fail
1.0
Fail
2.6
Fail
3.7
AA Large
—
2.1
Fail
3.7
AA Large
1.4
Fail
1.8
Fail
2.1
Fail
—
1.8
Fail
1.4
Fail
1.0
Fail
3.7
AA Large
1.8
Fail
—
2.6
Fail
2.6
Fail
1.4
Fail
1.4
Fail
2.6
Fail
—
White BG
15.1AAA
4.0AA Large
8.3AAA
14.8AAA
5.8AA
Black BG
1.4Fail
5.2AA
2.5Fail
1.4Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

323119
797A78
282866
131349
34357D

Deuteranopia

353919
787778
231D64
110F47
2E267C

Tritanopia

461817
737A7B
096161
06413F
0B7A79

Achromatopsia

242424
7C7C7C
404040
222222
525252

Shades & Tints Shades & Tints

#49131B

Dark
Light

#728374

Dark
Light

#05556B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #49131b;
  --color-2: #728374;
  --color-3: #05556b;
  --color-4: #042754;
  --color-5: #067081;
}

SCSS

$color-1: #49131b;
$color-2: #728374;
$color-3: #05556b;
$color-4: #042754;
$color-5: #067081;

TAILWIND

colors: {
  'brand-1': '#49131b',
  'brand-2': '#728374',
  'brand-3': '#05556b',
  'brand-4': '#042754',
  'brand-5': '#067081',
}

RGB Array

[73, 19, 27], [114, 131, 116], [5, 85, 107], [4, 39, 84], [6, 112, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #49131B, #728374, #05556B, #042754, #067081 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: #49131b; --color-2: #728374; --color-3: #05556b; --color-4: #042754; --color-5: #067081. 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