#449D8B + #84BF9F + #AAC9A0 + #E1D0A2 + #EFEBBE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#449D8B

Mineral Blue · CadetBlue · Mint Ice

HEX

#449D8B

RGB

rgb(68, 157, 139)

HSL

hsl(168, 40%, 44%)

HSB

hsb(168, 57%, 62%)

CMYK

cmyk(57%, 0%, 11%, 38%)

Oklch

oklch(63.7% 0.090 177.9)

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

#84BF9F

Celadon · DarkSeaGreen · Apple Green

HEX

#84BF9F

RGB

rgb(132, 191, 159)

HSL

hsl(147, 32%, 63%)

HSB

hsb(147, 31%, 75%)

CMYK

cmyk(31%, 0%, 17%, 25%)

Oklch

oklch(75.5% 0.077 160.1)

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

#AAC9A0

Celadon · DarkGray · Apple Green

HEX

#AAC9A0

RGB

rgb(170, 201, 160)

HSL

hsl(105, 28%, 71%)

HSB

hsb(105, 20%, 79%)

CMYK

cmyk(15%, 0%, 20%, 21%)

Oklch

oklch(80.2% 0.066 138.1)

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

#E1D0A2

Goose Yellow · Wheat · Lemon Cream

HEX

#E1D0A2

RGB

rgb(225, 208, 162)

HSL

hsl(44, 51%, 76%)

HSB

hsb(44, 28%, 88%)

CMYK

cmyk(0%, 8%, 28%, 12%)

Oklch

oklch(86.0% 0.063 90.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EFEBBE

Fresh Green · Wheat · Lemon Cream

HEX

#EFEBBE

RGB

rgb(239, 235, 190)

HSL

hsl(55, 60%, 84%)

HSB

hsb(55, 21%, 94%)

CMYK

cmyk(0%, 2%, 21%, 6%)

Oklch

oklch(93.2% 0.059 103.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

449D8B

9D4355

Analogous

439D5E

449D8B

43829D

Triadic

449D8B

8B439D

9D8B43

Split-Comp.

449D8B

9D4382

9D5E43

Tetradic

449D8B

5E439D

9D4355

829D43

Contrast Matrix WCAG 2.1 Contrast

449D8B	84BF9F	AAC9A0	E1D0A2	EFEBBE
—	1.5 Fail	1.8 Fail	2.1 Fail	2.7 Fail
1.5 Fail	—	1.2 Fail	1.4 Fail	1.7 Fail
1.8 Fail	1.2 Fail	—	1.2 Fail	1.5 Fail
2.1 Fail	1.4 Fail	1.2 Fail	—	1.3 Fail
2.7 Fail	1.7 Fail	1.5 Fail	1.3 Fail	—

White BG

3.3AA Large

2.1Fail

1.8Fail

1.5Fail

1.2Fail

Black BG

6.4AA

9.9AAA

11.6AAA

13.7AAA

17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6B8F

9E9EA7

B7B8AA

DAD9AD

EDEDC9

Deuteranopia

655F90

9A96A9

B6B3AC

DBDCB0

EEEECC

Tritanopia

489394

87ADAE

ACB2B3

E0B6B8

EFD1D3

Achromatopsia

808080

AAAAAA

BBBBBB

D0D0D0

E7E7E7

Shades & Tints Shades & Tints

#449D8B

Dark

Light

#84BF9F

Dark

Light

#AAC9A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #449d8b;
  --color-2: #84bf9f;
  --color-3: #aac9a0;
  --color-4: #e1d0a2;
  --color-5: #efebbe;
}

SCSS

$color-1: #449d8b;
$color-2: #84bf9f;
$color-3: #aac9a0;
$color-4: #e1d0a2;
$color-5: #efebbe;

TAILWIND

colors: {
  'brand-1': '#449d8b',
  'brand-2': '#84bf9f',
  'brand-3': '#aac9a0',
  'brand-4': '#e1d0a2',
  'brand-5': '#efebbe',
}

RGB Array

[68, 157, 139], [132, 191, 159], [170, 201, 160], [225, 208, 162], [239, 235, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #449D8B, #84BF9F, #AAC9A0, #E1D0A2, #EFEBBE is ideal for: health products, baby brands, fresh-style blogs. 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: #449d8b; --color-2: #84bf9f; --color-3: #aac9a0; --color-4: #e1d0a2; --color-5: #efebbe. 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. 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