← Back to Editor

#3B755D · #29888F · #049892 · #E9E96B · #4D132D

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 AppData Visualization

Color Details Color Details

#3B755D

Mineral Blue · SeaGreen · Forest Green

HEX
#3B755D
RGB
rgb(59, 117, 93)
HSL
hsl(155, 33%, 35%)
HSB
hsb(155, 50%, 46%)
CMYK
cmyk(50%, 0%, 21%, 54%)
Oklch
oklch(51.6% 0.073 164.8)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#29888F

Lake Blue · Teal · Mint Ice

HEX
#29888F
RGB
rgb(41, 136, 143)
HSL
hsl(184, 55%, 36%)
HSB
hsb(184, 71%, 56%)
CMYK
cmyk(71%, 5%, 0%, 44%)
Oklch
oklch(57.6% 0.086 202.2)

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

#049892

Mineral Blue · Teal · Mint Ice

HEX
#049892
RGB
rgb(4, 152, 146)
HSL
hsl(178, 95%, 31%)
HSB
hsb(178, 97%, 60%)
CMYK
cmyk(97%, 0%, 4%, 40%)
Oklch
oklch(61.4% 0.105 189.8)

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

#E9E96B

Fresh Green · Khaki · Sunflower

HEX
#E9E96B
RGB
rgb(233, 233, 107)
HSL
hsl(60, 74%, 67%)
HSB
hsb(60, 54%, 91%)
CMYK
cmyk(0%, 0%, 54%, 9%)
Oklch
oklch(91.0% 0.148 109.0)

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

#4D132D

Dark Violet · Maroon · Raspberry

HEX
#4D132D
RGB
rgb(77, 19, 45)
HSL
hsl(333, 60%, 19%)
HSB
hsb(333, 75%, 30%)
CMYK
cmyk(0%, 75%, 42%, 70%)
Oklch
oklch(29.4% 0.091 356.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B755D
773C54

Analogous

3C7741
3B755D
3C7277

Triadic

3B755D
5E3C77
775E3C

Split-Comp.

3B755D
773C72
77413C

Tetradic

3B755D
413C77
773C54
72773C

Contrast Matrix WCAG 2.1 Contrast

3B755D
29888F
049892
E9E96B
4D132D
—
1.3
Fail
1.5
Fail
4.2
AA Large
2.7
Fail
1.3
Fail
—
1.2
Fail
3.3
AA Large
3.5
AA Large
1.5
Fail
1.2
Fail
—
2.8
Fail
4.1
AA Large
4.2
AA Large
3.3
AA Large
2.8
Fail
—
11.3
AAA
2.7
Fail
3.5
AA Large
4.1
AA Large
11.3
AAA
—
White BG
5.4AA
4.2AA Large
3.6AA Large
1.3Fail
14.5AAA
Black BG
3.9AA Large
5.0AA
5.9AA
16.3AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

545563
52538D
444593
E9E989
343327

Deuteranopia

514C64
4D468D
3C3094
E9E991
373C25

Tritanopia

3E6768
2E8C8C
0B9595
E9A2A7
4A2221

Achromatopsia

616161
6C6C6C
6B6B6B
DBDBDB
272727

Shades & Tints Shades & Tints

#3B755D

Dark
Light

#29888F

Dark
Light

#049892

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b755d;
  --color-2: #29888f;
  --color-3: #049892;
  --color-4: #e9e96b;
  --color-5: #4d132d;
}

SCSS

$color-1: #3b755d;
$color-2: #29888f;
$color-3: #049892;
$color-4: #e9e96b;
$color-5: #4d132d;

TAILWIND

colors: {
  'brand-1': '#3b755d',
  'brand-2': '#29888f',
  'brand-3': '#049892',
  'brand-4': '#e9e96b',
  'brand-5': '#4d132d',
}

RGB Array

[59, 117, 93], [41, 136, 143], [4, 152, 146], [233, 233, 107], [77, 19, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3B755D, #29888F, #049892, #E9E96B, #4D132D 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: #3b755d; --color-2: #29888f; --color-3: #049892; --color-4: #e9e96b; --color-5: #4d132d. 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