← Back to Editor

#493F55 · #DBFA9F · #CBE4B2 · #BACEC4 · #A9B8D7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#493F55

Deep Indigo · DarkSlateGray · Eggplant

HEX
#493F55
RGB
rgb(73, 63, 85)
HSL
hsl(267, 15%, 29%)
HSB
hsb(267, 26%, 33%)
CMYK
cmyk(14%, 26%, 0%, 67%)
Oklch
oklch(38.7% 0.039 305.3)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#DBFA9F

Willow Green · Khaki · Apple Green

HEX
#DBFA9F
RGB
rgb(219, 250, 159)
HSL
hsl(80, 90%, 80%)
HSB
hsb(80, 36%, 98%)
CMYK
cmyk(12%, 0%, 36%, 2%)
Oklch
oklch(94.2% 0.120 124.0)

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

#CBE4B2

Celadon · LightGray · Apple Green

HEX
#CBE4B2
RGB
rgb(203, 228, 178)
HSL
hsl(90, 48%, 80%)
HSB
hsb(90, 22%, 89%)
CMYK
cmyk(11%, 0%, 22%, 11%)
Oklch
oklch(88.8% 0.072 129.4)

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

#BACEC4

Jade · Silver · Apple Green

HEX
#BACEC4
RGB
rgb(186, 206, 196)
HSL
hsl(150, 17%, 77%)
HSB
hsb(150, 10%, 81%)
CMYK
cmyk(10%, 0%, 5%, 19%)
Oklch
oklch(83.3% 0.026 164.3)

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

#A9B8D7

Azure · LightSteelBlue · Cobalt Blue

HEX
#A9B8D7
RGB
rgb(169, 184, 215)
HSL
hsl(220, 37%, 75%)
HSB
hsb(220, 21%, 84%)
CMYK
cmyk(21%, 14%, 0%, 16%)
Oklch
oklch(78.1% 0.047 264.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

493F55
4B553F

Analogous

3F4055
493F55
543F55

Triadic

493F55
55493F
3F5549

Split-Comp.

493F55
55543F
40553F

Tetradic

493F55
553F40
4B553F
3F5554

Contrast Matrix WCAG 2.1 Contrast

493F55
DBFA9F
CBE4B2
BACEC4
A9B8D7
—
8.6
AAA
7.2
AAA
6.0
AA
5.0
AA
8.6
AAA
—
1.2
Fail
1.4
Fail
1.7
Fail
7.2
AAA
1.2
Fail
—
1.2
Fail
1.5
Fail
6.0
AA
1.4
Fail
1.2
Fail
—
1.2
Fail
5.0
AA
1.7
Fail
1.5
Fail
1.2
Fail
—
White BG
9.9AAA
1.2Fail
1.4Fail
1.7Fail
2.0Fail
Black BG
2.1Fail
18.2AAA
15.3AAA
12.7AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

454550
E8E9B5
D6D6BE
C3C3C6
AFB0CF

Deuteranopia

45464E
E7E4BA
D4D3C1
C2C0C7
AFAECE

Tritanopia

494B4B
DDC6CA
CCC8CA
BBC8C9
AACAC8

Achromatopsia

444444
E6E6E6
D7D7D7
C7C7C7
B7B7B7

Shades & Tints Shades & Tints

#493F55

Dark
Light

#DBFA9F

Dark
Light

#CBE4B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #493f55;
  --color-2: #dbfa9f;
  --color-3: #cbe4b2;
  --color-4: #bacec4;
  --color-5: #a9b8d7;
}

SCSS

$color-1: #493f55;
$color-2: #dbfa9f;
$color-3: #cbe4b2;
$color-4: #bacec4;
$color-5: #a9b8d7;

TAILWIND

colors: {
  'brand-1': '#493f55',
  'brand-2': '#dbfa9f',
  'brand-3': '#cbe4b2',
  'brand-4': '#bacec4',
  'brand-5': '#a9b8d7',
}

RGB Array

[73, 63, 85], [219, 250, 159], [203, 228, 178], [186, 206, 196], [169, 184, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #493F55, #DBFA9F, #CBE4B2, #BACEC4, #A9B8D7 is ideal for: health products, baby brands, fresh-style blogs, 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: #493f55; --color-2: #dbfa9f; --color-3: #cbe4b2; --color-4: #bacec4; --color-5: #a9b8d7. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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