← Back to Editor

#99B58C · #999073 · #612B3A · #EF0849 · #C47B74

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 Library

Color Details Color Details

#99B58C

Celadon · DarkSeaGreen · Apple Green

HEX
#99B58C
RGB
rgb(153, 181, 140)
HSL
hsl(101, 22%, 63%)
HSB
hsb(101, 23%, 71%)
CMYK
cmyk(15%, 0%, 23%, 29%)
Oklch
oklch(74.1% 0.065 135.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#999073

Ginger · Gray · Sunflower

HEX
#999073
RGB
rgb(153, 144, 115)
HSL
hsl(46, 16%, 53%)
HSB
hsb(46, 25%, 60%)
CMYK
cmyk(0%, 6%, 25%, 40%)
Oklch
oklch(65.3% 0.042 92.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#612B3A

Dark Violet · DarkSlateGray · Camellia

HEX
#612B3A
RGB
rgb(97, 43, 58)
HSL
hsl(343, 39%, 27%)
HSB
hsb(343, 56%, 38%)
CMYK
cmyk(0%, 56%, 40%, 62%)
Oklch
oklch(36.8% 0.080 4.3)

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

#EF0849

Dark Violet · Crimson · Camellia

HEX
#EF0849
RGB
rgb(239, 8, 73)
HSL
hsl(343, 94%, 48%)
HSB
hsb(343, 97%, 94%)
CMYK
cmyk(0%, 97%, 69%, 6%)
Oklch
oklch(60.5% 0.240 17.5)

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

#C47B74

Peach Pink · LightCoral · Coral Red

HEX
#C47B74
RGB
rgb(196, 123, 116)
HSL
hsl(5, 40%, 61%)
HSB
hsb(5, 41%, 77%)
CMYK
cmyk(0%, 37%, 41%, 23%)
Oklch
oklch(65.8% 0.093 25.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99B58C
A88CB5

Analogous

AEB58C
99B58C
8CB594

Triadic

99B58C
8C99B5
B58C99

Split-Comp.

99B58C
948CB5
B58CAE

Tetradic

99B58C
8CAEB5
A88CB5
B5948C

Contrast Matrix WCAG 2.1 Contrast

99B58C
999073
612B3A
EF0849
C47B74
—
1.4
Fail
4.9
AA
1.9
Fail
1.5
Fail
1.4
Fail
—
3.4
AA Large
1.4
Fail
1.0
Fail
4.9
AA
3.4
AA Large
—
2.5
Fail
3.4
AA Large
1.9
Fail
1.4
Fail
2.5
Fail
—
1.3
Fail
1.5
Fail
1.0
Fail
3.4
AA Large
1.3
Fail
—
White BG
2.2Fail
3.2AA Large
11.0AAA
4.4AA Large
3.3AA Large
Black BG
9.3AAA
6.6AA
1.9Fail
4.8AA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A596
95957A
4A4936
8B8939
A4A476

Deuteranopia

A4A198
96967C
4D5135
98AA35
A9AE76

Tritanopia

9A9E9F
998081
5E3433
E32D2A
C07777

Achromatopsia

A8A8A8
8F8F8F
3D3D3D
545454
909090

Shades & Tints Shades & Tints

#99B58C

Dark
Light

#999073

Dark
Light

#612B3A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99b58c;
  --color-2: #999073;
  --color-3: #612b3a;
  --color-4: #ef0849;
  --color-5: #c47b74;
}

SCSS

$color-1: #99b58c;
$color-2: #999073;
$color-3: #612b3a;
$color-4: #ef0849;
$color-5: #c47b74;

TAILWIND

colors: {
  'brand-1': '#99b58c',
  'brand-2': '#999073',
  'brand-3': '#612b3a',
  'brand-4': '#ef0849',
  'brand-5': '#c47b74',
}

RGB Array

[153, 181, 140], [153, 144, 115], [97, 43, 58], [239, 8, 73], [196, 123, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #99B58C, #999073, #612B3A, #EF0849, #C47B74 is ideal for: corporate websites, product showcases, portfolios. 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: #99b58c; --color-2: #999073; --color-3: #612b3a; --color-4: #ef0849; --color-5: #c47b74. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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