← Back to Editor

#32BB90 · #4BDB93 · #4C7561 · #323739 · #191D24

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#32BB90

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#32BB90
RGB
rgb(50, 187, 144)
HSL
hsl(161, 58%, 46%)
HSB
hsb(161, 73%, 73%)
CMYK
cmyk(73%, 0%, 23%, 27%)
Oklch
oklch(70.9% 0.132 167.1)

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

#4BDB93

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#4BDB93
RGB
rgb(75, 219, 147)
HSL
hsl(150, 67%, 58%)
HSB
hsb(150, 66%, 86%)
CMYK
cmyk(66%, 0%, 33%, 14%)
Oklch
oklch(79.7% 0.161 157.4)

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

#4C7561

Mineral Blue · DimGray · Forest Green

HEX
#4C7561
RGB
rgb(76, 117, 97)
HSL
hsl(151, 21%, 38%)
HSB
hsb(151, 35%, 46%)
CMYK
cmyk(35%, 0%, 17%, 54%)
Oklch
oklch(52.6% 0.056 162.5)

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

#323739

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#323739
RGB
rgb(50, 55, 57)
HSL
hsl(197, 7%, 21%)
HSB
hsb(197, 12%, 22%)
CMYK
cmyk(12%, 4%, 0%, 78%)
Oklch
oklch(33.3% 0.008 223.7)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#191D24

Indigo · Black · Deep Sea Blue

HEX
#191D24
RGB
rgb(25, 29, 36)
HSL
hsl(218, 18%, 12%)
HSB
hsb(218, 31%, 14%)
CMYK
cmyk(31%, 19%, 0%, 86%)
Oklch
oklch(23.0% 0.015 261.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

32BB90
B9315C

Analogous

31B94A
32BB90
31A0B9

Triadic

32BB90
8E31B9
B98E31

Split-Comp.

32BB90
B931A0
B94A31

Tetradic

32BB90
4A31B9
B9315C
A0B931

Contrast Matrix WCAG 2.1 Contrast

32BB90
4BDB93
4C7561
323739
191D24
—
1.4
Fail
2.1
Fail
5.0
AA
7.0
AA
1.4
Fail
—
2.9
Fail
6.8
AA
9.5
AAA
2.1
Fail
2.9
Fail
—
2.3
Fail
3.2
AA Large
5.0
AA
6.8
AA
2.3
Fail
—
1.4
Fail
7.0
AA
9.5
AAA
3.2
AA Large
1.4
Fail
—
White BG
2.4Fail
1.8Fail
5.2AA
12.1AAA
16.9AAA
Black BG
8.6AAA
11.9AAA
4.0AA Large
1.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6F9A
898BA4
5E5E66
343439
1B1B22

Deuteranopia

655B9D
8176A9
5B5867
343438
1B1A22

Tritanopia

39A3A4
52B2B5
4E6A6B
323838
192121

Achromatopsia

8D8D8D
A8A8A8
666666
363636
1D1D1D

Shades & Tints Shades & Tints

#32BB90

Dark
Light

#4BDB93

Dark
Light

#4C7561

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #32bb90;
  --color-2: #4bdb93;
  --color-3: #4c7561;
  --color-4: #323739;
  --color-5: #191d24;
}

SCSS

$color-1: #32bb90;
$color-2: #4bdb93;
$color-3: #4c7561;
$color-4: #323739;
$color-5: #191d24;

TAILWIND

colors: {
  'brand-1': '#32bb90',
  'brand-2': '#4bdb93',
  'brand-3': '#4c7561',
  'brand-4': '#323739',
  'brand-5': '#191d24',
}

RGB Array

[50, 187, 144], [75, 219, 147], [76, 117, 97], [50, 55, 57], [25, 29, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #32BB90, #4BDB93, #4C7561, #323739, #191D24 is ideal for: tech websites, dark mode UIs, game UIs, 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: #32bb90; --color-2: #4bdb93; --color-3: #4c7561; --color-4: #323739; --color-5: #191d24. 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 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