← Back to Editor

#479A86 · #55C9AB · #A7CFC1 · #E9DCC9 · #D6D4B8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#479A86

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#479A86
RGB
rgb(71, 154, 134)
HSL
hsl(166, 37%, 44%)
HSB
hsb(166, 54%, 60%)
CMYK
cmyk(54%, 0%, 13%, 40%)
Oklch
oklch(62.9% 0.087 175.3)

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

#55C9AB

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#55C9AB
RGB
rgb(85, 201, 171)
HSL
hsl(164, 52%, 56%)
HSB
hsb(164, 58%, 79%)
CMYK
cmyk(58%, 0%, 15%, 21%)
Oklch
oklch(76.1% 0.114 173.4)

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

#A7CFC1

Jade · Silver · Apple Green

HEX
#A7CFC1
RGB
rgb(167, 207, 193)
HSL
hsl(159, 29%, 73%)
HSB
hsb(159, 19%, 81%)
CMYK
cmyk(19%, 0%, 7%, 19%)
Oklch
oklch(82.2% 0.047 171.8)

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

#E9DCC9

Goose Yellow · Bisque · Peach Orange

HEX
#E9DCC9
RGB
rgb(233, 220, 201)
HSL
hsl(36, 42%, 85%)
HSB
hsb(36, 14%, 91%)
CMYK
cmyk(0%, 6%, 14%, 9%)
Oklch
oklch(90.0% 0.029 77.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D6D4B8

Fresh Green · LightGray · Lemon Cream

HEX
#D6D4B8
RGB
rgb(214, 212, 184)
HSL
hsl(56, 27%, 78%)
HSB
hsb(56, 14%, 84%)
CMYK
cmyk(0%, 1%, 14%, 16%)
Oklch
oklch(86.4% 0.038 103.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

479A86
9A475A

Analogous

479A5D
479A86
47849A

Triadic

479A86
86479A
9A8647

Split-Comp.

479A86
9A4784
9A5D47

Tetradic

479A86
5D479A
9A475A
849A47

Contrast Matrix WCAG 2.1 Contrast

479A86
55C9AB
A7CFC1
E9DCC9
D6D4B8
—
1.7
Fail
2.0
Fail
2.5
Fail
2.2
Fail
1.7
Fail
—
1.2
Fail
1.5
Fail
1.4
Fail
2.0
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
2.5
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
2.2
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
White BG
3.4AA Large
2.0Fail
1.7Fail
1.4Fail
1.5Fail
Black BG
6.2AA
10.3AAA
12.3AAA
15.5AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6C8B
8788B2
B8B9C4
E3E3CE
D5D5BF

Deuteranopia

66608C
8178B4
B6B3C5
E4E5CF
D5D5C0

Tritanopia

4B8F90
5BB8B9
A9C7C8
E8D1D2
D6C4C5

Achromatopsia

7F7F7F
A3A3A3
C1C1C1
DEDEDE
D1D1D1

Shades & Tints Shades & Tints

#479A86

Dark
Light

#55C9AB

Dark
Light

#A7CFC1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #479a86;
  --color-2: #55c9ab;
  --color-3: #a7cfc1;
  --color-4: #e9dcc9;
  --color-5: #d6d4b8;
}

SCSS

$color-1: #479a86;
$color-2: #55c9ab;
$color-3: #a7cfc1;
$color-4: #e9dcc9;
$color-5: #d6d4b8;

TAILWIND

colors: {
  'brand-1': '#479a86',
  'brand-2': '#55c9ab',
  'brand-3': '#a7cfc1',
  'brand-4': '#e9dcc9',
  'brand-5': '#d6d4b8',
}

RGB Array

[71, 154, 134], [85, 201, 171], [167, 207, 193], [233, 220, 201], [214, 212, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #479A86, #55C9AB, #A7CFC1, #E9DCC9, #D6D4B8 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: #479a86; --color-2: #55c9ab; --color-3: #a7cfc1; --color-4: #e9dcc9; --color-5: #d6d4b8. 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