← Back to Editor

#C1DEB6 · #ABC8B6 · #A5ABAE · #B0869E · #B26391

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

#C1DEB6

Celadon · Silver · Apple Green

HEX
#C1DEB6
RGB
rgb(193, 222, 182)
HSL
hsl(104, 38%, 79%)
HSB
hsb(104, 18%, 87%)
CMYK
cmyk(13%, 0%, 18%, 13%)
Oklch
oklch(86.9% 0.062 137.1)

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

#ABC8B6

Celadon · Silver · Apple Green

HEX
#ABC8B6
RGB
rgb(171, 200, 182)
HSL
hsl(143, 21%, 73%)
HSB
hsb(143, 15%, 78%)
CMYK
cmyk(15%, 0%, 9%, 22%)
Oklch
oklch(80.6% 0.040 158.1)

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

#A5ABAE

Ash · DarkGray · Silver Sand

HEX
#A5ABAE
RGB
rgb(165, 171, 174)
HSL
hsl(200, 5%, 66%)
HSB
hsb(200, 5%, 68%)
CMYK
cmyk(5%, 2%, 0%, 32%)
Oklch
oklch(73.7% 0.008 228.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#B0869E

Mauve · DarkGray · Rose Pink

HEX
#B0869E
RGB
rgb(176, 134, 158)
HSL
hsl(326, 21%, 61%)
HSB
hsb(326, 24%, 69%)
CMYK
cmyk(0%, 24%, 10%, 31%)
Oklch
oklch(66.8% 0.061 343.6)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#B26391

Rose Purple · Gray · Rose Pink

HEX
#B26391
RGB
rgb(178, 99, 145)
HSL
hsl(325, 34%, 54%)
HSB
hsb(325, 44%, 70%)
CMYK
cmyk(0%, 44%, 19%, 30%)
Oklch
oklch(60.4% 0.116 345.2)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1DEB6
D3B5DE

Analogous

D4DEB5
C1DEB6
B5DEBF

Triadic

C1DEB6
B5C0DE
DEB5C0

Split-Comp.

C1DEB6
BFB5DE
DEB5D4

Tetradic

C1DEB6
B5D4DE
D3B5DE
DEBFB5

Contrast Matrix WCAG 2.1 Contrast

C1DEB6
ABC8B6
A5ABAE
B0869E
B26391
—
1.2
Fail
1.6
Fail
2.1
Fail
2.8
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
2.8
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
White BG
1.5Fail
1.8Fail
2.3Fail
3.1AA Large
4.1AA Large
Black BG
14.4AAA
11.7AAA
9.0AAA
6.7AA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEC0
B8B8BA
A8A8AD
9E9D98
908F86

Deuteranopia

CCCAC2
B6B4BB
A7A7AD
A0A397
949A83

Tritanopia

C2C7C9
ACBEBF
A5ADAD
AE9493
AE7D7B

Achromatopsia

D1D1D1
BDBDBD
AAAAAA
959595
808080

Shades & Tints Shades & Tints

#C1DEB6

Dark
Light

#ABC8B6

Dark
Light

#A5ABAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1deb6;
  --color-2: #abc8b6;
  --color-3: #a5abae;
  --color-4: #b0869e;
  --color-5: #b26391;
}

SCSS

$color-1: #c1deb6;
$color-2: #abc8b6;
$color-3: #a5abae;
$color-4: #b0869e;
$color-5: #b26391;

TAILWIND

colors: {
  'brand-1': '#c1deb6',
  'brand-2': '#abc8b6',
  'brand-3': '#a5abae',
  'brand-4': '#b0869e',
  'brand-5': '#b26391',
}

RGB Array

[193, 222, 182], [171, 200, 182], [165, 171, 174], [176, 134, 158], [178, 99, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C1DEB6, #ABC8B6, #A5ABAE, #B0869E, #B26391 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: #c1deb6; --color-2: #abc8b6; --color-3: #a5abae; --color-4: #b0869e; --color-5: #b26391. 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