← Back to Editor

#644F4B · #D3FA89 · #99DE9D · #5CB8A4 · #4E9299

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

#644F4B

Crimson · DimGray · Wine Red

HEX
#644F4B
RGB
rgb(100, 79, 75)
HSL
hsl(10, 14%, 34%)
HSB
hsb(10, 25%, 39%)
CMYK
cmyk(0%, 21%, 25%, 61%)
Oklch
oklch(44.8% 0.029 30.7)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#D3FA89

Willow Green · Khaki · Apple Green

HEX
#D3FA89
RGB
rgb(211, 250, 137)
HSL
hsl(81, 92%, 76%)
HSB
hsb(81, 45%, 98%)
CMYK
cmyk(16%, 0%, 45%, 2%)
Oklch
oklch(93.3% 0.146 124.8)

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

#99DE9D

Emerald · LightGreen · Apple Green

HEX
#99DE9D
RGB
rgb(153, 222, 157)
HSL
hsl(123, 51%, 74%)
HSB
hsb(123, 31%, 87%)
CMYK
cmyk(31%, 0%, 29%, 13%)
Oklch
oklch(83.8% 0.113 145.9)

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

#5CB8A4

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#5CB8A4
RGB
rgb(92, 184, 164)
HSL
hsl(167, 39%, 54%)
HSB
hsb(167, 50%, 72%)
CMYK
cmyk(50%, 0%, 11%, 28%)
Oklch
oklch(72.0% 0.093 177.4)

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

#4E9299

Slate Blue · CadetBlue · Mint Ice

HEX
#4E9299
RGB
rgb(78, 146, 153)
HSL
hsl(186, 32%, 45%)
HSB
hsb(186, 49%, 60%)
CMYK
cmyk(49%, 5%, 0%, 40%)
Oklch
oklch(61.8% 0.070 204.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

644F4B
4B5F63

Analogous

634B53
644F4B
635B4B

Triadic

644F4B
4B634F
4F4B63

Split-Comp.

644F4B
4B635B
4B5363

Tetradic

644F4B
53634B
4B5F63
5B4B63

Contrast Matrix WCAG 2.1 Contrast

644F4B
D3FA89
99DE9D
5CB8A4
4E9299
—
6.4
AA
4.8
AA
3.2
AA Large
2.1
Fail
6.4
AA
—
1.3
Fail
2.0
Fail
3.0
AA Large
4.8
AA
1.3
Fail
—
1.5
Fail
2.3
Fail
3.2
AA Large
2.0
Fail
1.5
Fail
—
1.5
Fail
2.1
Fail
3.0
AA Large
2.3
Fail
1.5
Fail
—
White BG
7.6AAA
1.2Fail
1.6Fail
2.4Fail
3.6AA Large
Black BG
2.8Fail
17.8AAA
13.3AAA
8.8AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5B4C
E4E4A4
B7B7AD
8485A9
6B6C97

Deuteranopia

5C5E4C
E2DFAB
B3AEB1
7F78AA
686297

Tritanopia

634D4D
D5BABF
9CB9BC
61ADAE
519696

Achromatopsia

555555
E1E1E1
C2C2C2
9A9A9A
7E7E7E

Shades & Tints Shades & Tints

#644F4B

Dark
Light

#D3FA89

Dark
Light

#99DE9D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #644f4b;
  --color-2: #d3fa89;
  --color-3: #99de9d;
  --color-4: #5cb8a4;
  --color-5: #4e9299;
}

SCSS

$color-1: #644f4b;
$color-2: #d3fa89;
$color-3: #99de9d;
$color-4: #5cb8a4;
$color-5: #4e9299;

TAILWIND

colors: {
  'brand-1': '#644f4b',
  'brand-2': '#d3fa89',
  'brand-3': '#99de9d',
  'brand-4': '#5cb8a4',
  'brand-5': '#4e9299',
}

RGB Array

[100, 79, 75], [211, 250, 137], [153, 222, 157], [92, 184, 164], [78, 146, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #644F4B, #D3FA89, #99DE9D, #5CB8A4, #4E9299 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: #644f4b; --color-2: #d3fa89; --color-3: #99de9d; --color-4: #5cb8a4; --color-5: #4e9299. 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