← Back to Editor

#73AD8D · #34070E · #430112 · #6E1538 · #F7FCC9

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#73AD8D

Celadon · CadetBlue · Olive Green

HEX
#73AD8D
RGB
rgb(115, 173, 141)
HSL
hsl(147, 26%, 56%)
HSB
hsb(147, 34%, 68%)
CMYK
cmyk(34%, 0%, 18%, 32%)
Oklch
oklch(69.8% 0.077 159.4)

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

#34070E

Vermilion · Black · Deep Berry

HEX
#34070E
RGB
rgb(52, 7, 14)
HSL
hsl(351, 76%, 12%)
HSB
hsb(351, 87%, 20%)
CMYK
cmyk(0%, 87%, 73%, 80%)
Oklch
oklch(21.8% 0.071 16.6)

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

#430112

Vermilion · Maroon · Deep Berry

HEX
#430112
RGB
rgb(67, 1, 18)
HSL
hsl(345, 97%, 13%)
HSB
hsb(345, 99%, 26%)
CMYK
cmyk(0%, 99%, 73%, 74%)
Oklch
oklch(24.5% 0.096 13.9)

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

#6E1538

Dark Violet · Brown · Camellia

HEX
#6E1538
RGB
rgb(110, 21, 56)
HSL
hsl(336, 68%, 26%)
HSB
hsb(336, 81%, 43%)
CMYK
cmyk(0%, 81%, 49%, 57%)
Oklch
oklch(36.2% 0.125 2.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F7FCC9

Fresh Green · Beige · Lemon Cream

HEX
#F7FCC9
RGB
rgb(247, 252, 201)
HSL
hsl(66, 89%, 89%)
HSB
hsb(66, 20%, 99%)
CMYK
cmyk(2%, 0%, 20%, 1%)
Oklch
oklch(97.5% 0.066 112.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73AD8D
AC7292

Analogous

75AC72
73AD8D
72ACA9

Triadic

73AD8D
8C72AC
AC8C72

Split-Comp.

73AD8D
A972AC
AC7275

Tetradic

73AD8D
7275AC
AC7292
ACA972

Contrast Matrix WCAG 2.1 Contrast

73AD8D
34070E
430112
6E1538
F7FCC9
—
6.8
AA
6.5
AA
4.4
AA Large
2.4
Fail
6.8
AA
—
1.1
Fail
1.5
Fail
16.7
AAA
6.5
AA
1.1
Fail
—
1.5
Fail
15.8
AAA
4.4
AA Large
1.5
Fail
1.5
Fail
—
10.8
AAA
2.4
Fail
16.7
AAA
15.8
AAA
10.8
AAA
—
White BG
2.6Fail
17.8AAA
16.8AAA
11.5AAA
1.1Fail
Black BG
8.1AAA
1.2Fail
1.3Fail
1.8Fail
19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8D95
21200C
26260E
474730
F9F9D5

Deuteranopia

898497
23270C
2A2F0D
4D532D
F9F8D8

Tritanopia

769B9C
320B0B
400B0A
6A2927
F7DFE1

Achromatopsia

989898
151515
171717
343434
F5F5F5

Shades & Tints Shades & Tints

#73AD8D

Dark
Light

#34070E

Dark
Light

#430112

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73ad8d;
  --color-2: #34070e;
  --color-3: #430112;
  --color-4: #6e1538;
  --color-5: #f7fcc9;
}

SCSS

$color-1: #73ad8d;
$color-2: #34070e;
$color-3: #430112;
$color-4: #6e1538;
$color-5: #f7fcc9;

TAILWIND

colors: {
  'brand-1': '#73ad8d',
  'brand-2': '#34070e',
  'brand-3': '#430112',
  'brand-4': '#6e1538',
  'brand-5': '#f7fcc9',
}

RGB Array

[115, 173, 141], [52, 7, 14], [67, 1, 18], [110, 21, 56], [247, 252, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #73AD8D, #34070E, #430112, #6E1538, #F7FCC9 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #73ad8d; --color-2: #34070e; --color-3: #430112; --color-4: #6e1538; --color-5: #f7fcc9. 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 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