← Back to Editor

#DBFFA3 · #ACEA9F · #48CC9D · #47675A · #483F30

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

#DBFFA3

Willow Green · Khaki · Mint Green

HEX
#DBFFA3
RGB
rgb(219, 255, 163)
HSL
hsl(83, 100%, 82%)
HSB
hsb(83, 36%, 100%)
CMYK
cmyk(14%, 0%, 36%, 0%)
Oklch
oklch(95.3% 0.123 126.0)

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

#ACEA9F

Emerald · LightGreen · Apple Green

HEX
#ACEA9F
RGB
rgb(172, 234, 159)
HSL
hsl(110, 64%, 77%)
HSB
hsb(110, 32%, 92%)
CMYK
cmyk(26%, 0%, 32%, 8%)
Oklch
oklch(87.7% 0.119 140.2)

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

#48CC9D

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#48CC9D
RGB
rgb(72, 204, 157)
HSL
hsl(159, 56%, 54%)
HSB
hsb(159, 65%, 80%)
CMYK
cmyk(65%, 0%, 23%, 20%)
Oklch
oklch(76.1% 0.134 165.6)

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

#47675A

Mineral Blue · DarkSlateGray · Forest Green

HEX
#47675A
RGB
rgb(71, 103, 90)
HSL
hsl(156, 18%, 34%)
HSB
hsb(156, 31%, 40%)
CMYK
cmyk(31%, 0%, 13%, 60%)
Oklch
oklch(48.5% 0.043 167.4)

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

#483F30

Ochre · DarkSlateGray · Cinnamon

HEX
#483F30
RGB
rgb(72, 63, 48)
HSL
hsl(38, 20%, 24%)
HSB
hsb(38, 33%, 28%)
CMYK
cmyk(0%, 12%, 33%, 72%)
Oklch
oklch(37.2% 0.027 80.4)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBFFA3
C6A3FF

Analogous

FFF4A3
DBFFA3
AEFFA3

Triadic

DBFFA3
A3DCFF
FFA3DC

Split-Comp.

DBFFA3
A3AEFF
F4A3FF

Tetradic

DBFFA3
A3FFF4
C6A3FF
FFA3AE

Contrast Matrix WCAG 2.1 Contrast

DBFFA3
ACEA9F
48CC9D
47675A
483F30
—
1.3
Fail
1.8
Fail
5.6
AA
9.3
AAA
1.3
Fail
—
1.4
Fail
4.5
AA Large
7.4
AAA
1.8
Fail
1.4
Fail
—
3.1
AA Large
5.1
AA
5.6
AA
4.5
AA Large
3.1
AA Large
—
1.7
Fail
9.3
AAA
7.4
AAA
5.1
AA
1.7
Fail
—
White BG
1.1Fail
1.4Fail
2.0Fail
6.3AA
10.3AAA
Black BG
18.8AAA
15.0AAA
10.4AAA
3.4AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBB9
C7C7B1
8182A8
55555D
444434

Deuteranopia

E9E6BF
C3BFB6
7A70AB
53515E
454534

Tritanopia

DDCBCF
AFBFC3
4FB1B3
496060
483637

Achromatopsia

EAEAEA
CFCFCF
9F9F9F
5C5C5C
404040

Shades & Tints Shades & Tints

#DBFFA3

Dark
Light

#ACEA9F

Dark
Light

#48CC9D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbffa3;
  --color-2: #acea9f;
  --color-3: #48cc9d;
  --color-4: #47675a;
  --color-5: #483f30;
}

SCSS

$color-1: #dbffa3;
$color-2: #acea9f;
$color-3: #48cc9d;
$color-4: #47675a;
$color-5: #483f30;

TAILWIND

colors: {
  'brand-1': '#dbffa3',
  'brand-2': '#acea9f',
  'brand-3': '#48cc9d',
  'brand-4': '#47675a',
  'brand-5': '#483f30',
}

RGB Array

[219, 255, 163], [172, 234, 159], [72, 204, 157], [71, 103, 90], [72, 63, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBFFA3, #ACEA9F, #48CC9D, #47675A, #483F30 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: #dbffa3; --color-2: #acea9f; --color-3: #48cc9d; --color-4: #47675a; --color-5: #483f30. 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