#49B0BF + #72BEBE + #9BC2BB + #CCC6BA + #E3CBB8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#49B0BF

Slate Blue · MediumTurquoise · Lake Green

HEX

#49B0BF

RGB

rgb(73, 176, 191)

HSL

hsl(188, 48%, 52%)

HSB

hsb(188, 62%, 75%)

CMYK

cmyk(62%, 8%, 0%, 25%)

Oklch

oklch(70.3% 0.096 208.4)

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

#72BEBE

Slate Blue · MediumAquaMarine · Lake Green

HEX

#72BEBE

RGB

rgb(114, 190, 190)

HSL

hsl(180, 37%, 60%)

HSB

hsb(180, 40%, 75%)

CMYK

cmyk(40%, 0%, 0%, 25%)

Oklch

oklch(75.2% 0.076 195.7)

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

#9BC2BB

Jade · DarkGray · Lake Green

HEX

#9BC2BB

RGB

rgb(155, 194, 187)

HSL

hsl(169, 24%, 68%)

HSB

hsb(169, 20%, 76%)

CMYK

cmyk(20%, 0%, 4%, 24%)

Oklch

oklch(78.4% 0.043 183.0)

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

#CCC6BA

Goose Yellow · Silver · Lemon Cream

HEX

#CCC6BA

RGB

rgb(204, 198, 186)

HSL

hsl(40, 15%, 76%)

HSB

hsb(40, 9%, 80%)

CMYK

cmyk(0%, 3%, 9%, 20%)

Oklch

oklch(82.8% 0.018 84.6)

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

#E3CBB8

Apricot · Wheat · Peach Orange

HEX

#E3CBB8

RGB

rgb(227, 203, 184)

HSL

hsl(27, 43%, 81%)

HSB

hsb(27, 19%, 89%)

CMYK

cmyk(0%, 11%, 19%, 11%)

Oklch

oklch(85.7% 0.037 60.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

49B0BF

BF5A4A

Analogous

4ABF94

49B0BF

4A75BF

Triadic

49B0BF

BF4AB0

B0BF4A

Split-Comp.

49B0BF

BF4A75

BF944A

Tetradic

49B0BF

944ABF

BF5A4A

75BF4A

Contrast Matrix WCAG 2.1 Contrast

49B0BF	72BEBE	9BC2BB	CCC6BA	E3CBB8
—	1.2 Fail	1.3 Fail	1.5 Fail	1.6 Fail
1.2 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.5 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.6 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

2.5Fail

2.1Fail

1.9Fail

1.7Fail

1.6Fail

Black BG

8.2AAA

9.8AAA

10.8AAA

12.4AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7677BB

9394BE

ACACBD

C9C9BD

D9D8BD

Deuteranopia

7068BB

8F89BE

AAA7BD

CACABE

DADCBE

Tritanopia

4EB9B8

76BEBE

9DBEBE

CCBFC0

E2C0C1

Achromatopsia

939393

A7A7A7

B6B6B6

C6C6C6

D0D0D0

Shades & Tints Shades & Tints

#49B0BF

Dark

Light

#72BEBE

Dark

Light

#9BC2BB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #49b0bf;
  --color-2: #72bebe;
  --color-3: #9bc2bb;
  --color-4: #ccc6ba;
  --color-5: #e3cbb8;
}

SCSS

$color-1: #49b0bf;
$color-2: #72bebe;
$color-3: #9bc2bb;
$color-4: #ccc6ba;
$color-5: #e3cbb8;

TAILWIND

colors: {
  'brand-1': '#49b0bf',
  'brand-2': '#72bebe',
  'brand-3': '#9bc2bb',
  'brand-4': '#ccc6ba',
  'brand-5': '#e3cbb8',
}

RGB Array

[73, 176, 191], [114, 190, 190], [155, 194, 187], [204, 198, 186], [227, 203, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #49B0BF, #72BEBE, #9BC2BB, #CCC6BA, #E3CBB8 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: #49b0bf; --color-2: #72bebe; --color-3: #9bc2bb; --color-4: #ccc6ba; --color-5: #e3cbb8. 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