← Back to Editor

#74C29C · #BDDB96 · #F28131 · #D9385F · #541B51

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#74C29C

Jade · MediumAquaMarine · Apple Green

HEX
#74C29C
RGB
rgb(116, 194, 156)
HSL
hsl(151, 39%, 61%)
HSB
hsb(151, 40%, 76%)
CMYK
cmyk(40%, 0%, 20%, 24%)
Oklch
oklch(75.3% 0.096 161.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#BDDB96

Willow Green · Tan · Apple Green

HEX
#BDDB96
RGB
rgb(189, 219, 150)
HSL
hsl(86, 49%, 72%)
HSB
hsb(86, 32%, 86%)
CMYK
cmyk(14%, 0%, 32%, 14%)
Oklch
oklch(85.3% 0.097 127.4)

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

#F28131

Tangerine · Coral · Warm Sun

HEX
#F28131
RGB
rgb(242, 129, 49)
HSL
hsl(25, 88%, 57%)
HSB
hsb(25, 80%, 95%)
CMYK
cmyk(0%, 47%, 80%, 5%)
Oklch
oklch(71.8% 0.164 51.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#D9385F

Vermilion · Crimson · Passion Red

HEX
#D9385F
RGB
rgb(217, 56, 95)
HSL
hsl(345, 68%, 54%)
HSB
hsb(345, 74%, 85%)
CMYK
cmyk(0%, 74%, 56%, 15%)
Oklch
oklch(59.4% 0.197 11.8)

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

#541B51

Rose Purple · DarkSlateGray · Eggplant

HEX
#541B51
RGB
rgb(84, 27, 81)
HSL
hsl(303, 51%, 22%)
HSB
hsb(303, 68%, 33%)
CMYK
cmyk(0%, 68%, 4%, 67%)
Oklch
oklch(33.4% 0.111 329.9)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

74C29C
C2759A

Analogous

75C276
74C29C
75C1C2

Triadic

74C29C
9D75C2
C29D75

Split-Comp.

74C29C
C275C1
C27675

Tetradic

74C29C
7675C2
C2759A
C1C275

Contrast Matrix WCAG 2.1 Contrast

74C29C
BDDB96
F28131
D9385F
541B51
—
1.4
Fail
1.2
Fail
2.1
Fail
6.0
AA
1.4
Fail
—
1.7
Fail
2.9
Fail
8.3
AAA
1.2
Fail
1.7
Fail
—
1.7
Fail
4.8
AA
2.1
Fail
2.9
Fail
1.7
Fail
—
2.8
Fail
6.0
AA
8.3
AAA
4.8
AA
2.8
Fail
—
White BG
2.1Fail
1.5Fail
2.6Fail
4.5AA Large
12.7AAA
Black BG
9.9AAA
13.7AAA
8.0AAA
4.7AA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9696A5
CACAA7
C1C044
939256
3B3B44

Deuteranopia

918BA7
C8C6AB
C8D049
9DA953
3F4341

Tritanopia

78ACAE
BEB4B7
EC5457
D14E4C
513A37

Achromatopsia

A6A6A6
CACACA
9A9A9A
6D6D6D
323232

Shades & Tints Shades & Tints

#74C29C

Dark
Light

#BDDB96

Dark
Light

#F28131

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #74c29c;
  --color-2: #bddb96;
  --color-3: #f28131;
  --color-4: #d9385f;
  --color-5: #541b51;
}

SCSS

$color-1: #74c29c;
$color-2: #bddb96;
$color-3: #f28131;
$color-4: #d9385f;
$color-5: #541b51;

TAILWIND

colors: {
  'brand-1': '#74c29c',
  'brand-2': '#bddb96',
  'brand-3': '#f28131',
  'brand-4': '#d9385f',
  'brand-5': '#541b51',
}

RGB Array

[116, 194, 156], [189, 219, 150], [242, 129, 49], [217, 56, 95], [84, 27, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #74C29C, #BDDB96, #F28131, #D9385F, #541B51 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #74c29c; --color-2: #bddb96; --color-3: #f28131; --color-4: #d9385f; --color-5: #541b51. 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. 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 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