← Back to Editor

#4CB3B5 · #9AC7C0 · #C7CFBE · #E1DAC8 · #EBDFEC

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

WorkspaceReading

Color Details Color Details

#4CB3B5

Slate Blue · CadetBlue · Mint Ice

HEX
#4CB3B5
RGB
rgb(76, 179, 181)
HSL
hsl(181, 42%, 50%)
HSB
hsb(181, 58%, 71%)
CMYK
cmyk(58%, 1%, 0%, 29%)
Oklch
oklch(70.8% 0.095 197.0)

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

#9AC7C0

Jade · LightSteelBlue · Lake Green

HEX
#9AC7C0
RGB
rgb(154, 199, 192)
HSL
hsl(171, 29%, 69%)
HSB
hsb(171, 23%, 78%)
CMYK
cmyk(23%, 0%, 4%, 22%)
Oklch
oklch(79.6% 0.048 184.6)

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

#C7CFBE

Willow Green · Silver · Apple Green

HEX
#C7CFBE
RGB
rgb(199, 207, 190)
HSL
hsl(88, 15%, 78%)
HSB
hsb(88, 8%, 81%)
CMYK
cmyk(4%, 0%, 8%, 19%)
Oklch
oklch(84.4% 0.025 127.6)

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

#E1DAC8

Goose Yellow · LightGray · Lemon Cream

HEX
#E1DAC8
RGB
rgb(225, 218, 200)
HSL
hsl(43, 29%, 83%)
HSB
hsb(43, 11%, 88%)
CMYK
cmyk(0%, 3%, 11%, 12%)
Oklch
oklch(88.9% 0.025 89.2)

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

#EBDFEC

Lilac · Lavender · Lavender

HEX
#EBDFEC
RGB
rgb(235, 223, 236)
HSL
hsl(295, 25%, 90%)
HSB
hsb(295, 6%, 93%)
CMYK
cmyk(0%, 6%, 0%, 7%)
Oklch
oklch(91.7% 0.022 323.4)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4CB3B5
B54C4A

Analogous

4AB581
4CB3B5
4A7EB5

Triadic

4CB3B5
B54AB3
B3B54A

Split-Comp.

4CB3B5
B54A7E
B5814A

Tetradic

4CB3B5
814AB5
B54C4A
7EB54A

Contrast Matrix WCAG 2.1 Contrast

4CB3B5
9AC7C0
C7CFBE
E1DAC8
EBDFEC
—
1.3
Fail
1.6
Fail
1.8
Fail
1.9
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.4
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.2
Fail
1.8
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.9
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
White BG
2.5Fail
1.9Fail
1.6Fail
1.4Fail
1.3Fail
Black BG
8.4AAA
11.3AAA
13.1AAA
15.1AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797AB5
ADAEC2
CACBC2
DEDECC
E6E6E9

Deuteranopia

736BB4
ABA8C2
CAC9C3
DEDFCD
E7E7E8

Tritanopia

51B4B4
9CC3C3
C7C5C6
E1D0D1
EAE6E6

Achromatopsia

949494
B9B9B9
CBCBCB
DADADA
E4E4E4

Shades & Tints Shades & Tints

#4CB3B5

Dark
Light

#9AC7C0

Dark
Light

#C7CFBE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4cb3b5;
  --color-2: #9ac7c0;
  --color-3: #c7cfbe;
  --color-4: #e1dac8;
  --color-5: #ebdfec;
}

SCSS

$color-1: #4cb3b5;
$color-2: #9ac7c0;
$color-3: #c7cfbe;
$color-4: #e1dac8;
$color-5: #ebdfec;

TAILWIND

colors: {
  'brand-1': '#4cb3b5',
  'brand-2': '#9ac7c0',
  'brand-3': '#c7cfbe',
  'brand-4': '#e1dac8',
  'brand-5': '#ebdfec',
}

RGB Array

[76, 179, 181], [154, 199, 192], [199, 207, 190], [225, 218, 200], [235, 223, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4CB3B5, #9AC7C0, #C7CFBE, #E1DAC8, #EBDFEC is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #4cb3b5; --color-2: #9ac7c0; --color-3: #c7cfbe; --color-4: #e1dac8; --color-5: #ebdfec. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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