← Back to Editor

#CAB5BE · #DBDBE5 · #E3DAD8 · #F7D9C2 · #17093D

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

#CAB5BE

Rouge · Silver · Rose Pink

HEX
#CAB5BE
RGB
rgb(202, 181, 190)
HSL
hsl(334, 17%, 75%)
HSB
hsb(334, 10%, 79%)
CMYK
cmyk(0%, 10%, 6%, 21%)
Oklch
oklch(79.4% 0.027 349.9)

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

#DBDBE5

Wisteria · LightGray · Sky Blue

HEX
#DBDBE5
RGB
rgb(219, 219, 229)
HSL
hsl(240, 16%, 88%)
HSB
hsb(240, 4%, 90%)
CMYK
cmyk(4%, 4%, 0%, 10%)
Oklch
oklch(89.4% 0.014 286.1)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#E3DAD8

Peach Pink · LightGray · Cherry Blossom

HEX
#E3DAD8
RGB
rgb(227, 218, 216)
HSL
hsl(11, 16%, 87%)
HSB
hsb(11, 5%, 89%)
CMYK
cmyk(0%, 4%, 5%, 11%)
Oklch
oklch(89.5% 0.010 32.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F7D9C2

Apricot · Bisque · Peach Orange

HEX
#F7D9C2
RGB
rgb(247, 217, 194)
HSL
hsl(26, 77%, 86%)
HSB
hsb(26, 21%, 97%)
CMYK
cmyk(0%, 12%, 21%, 3%)
Oklch
oklch(90.4% 0.045 59.6)

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

#17093D

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#17093D
RGB
rgb(23, 9, 61)
HSL
hsl(256, 74%, 14%)
HSB
hsb(256, 85%, 24%)
CMYK
cmyk(62%, 85%, 0%, 76%)
Oklch
oklch(20.3% 0.092 287.4)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAB5BE
B4CAC1

Analogous

CAB4C9
CAB5BE
CAB6B4

Triadic

CAB5BE
BECAB4
B4BECA

Split-Comp.

CAB5BE
B4CAB6
B4C9CA

Tetradic

CAB5BE
C9CAB4
B4CAC1
B6B4CA

Contrast Matrix WCAG 2.1 Contrast

CAB5BE
DBDBE5
E3DAD8
F7D9C2
17093D
—
1.4
Fail
1.4
Fail
1.4
Fail
9.5
AAA
1.4
Fail
—
1.0
Fail
1.0
Fail
13.4
AAA
1.4
Fail
1.0
Fail
—
1.0
Fail
13.4
AAA
1.4
Fail
1.0
Fail
1.0
Fail
—
13.7
AAA
9.5
AAA
13.4
AAA
13.4
AAA
13.7
AAA
—
White BG
1.9Fail
1.4Fail
1.4Fail
1.3Fail
18.4AAA
Black BG
10.9AAA
15.3AAA
15.3AAA
15.7AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1BC
DBDBE3
DFDFD8
EAEAC8
111130

Deuteranopia

C2C4BB
DBDBE2
E0E0D9
ECEEC9
12132D

Tritanopia

C9BABA
DBE1E0
E3D9D9
F5CCCD
162624

Achromatopsia

BCBCBC
DCDCDC
DCDCDC
DFDFDF
131313

Shades & Tints Shades & Tints

#CAB5BE

Dark
Light

#DBDBE5

Dark
Light

#E3DAD8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cab5be;
  --color-2: #dbdbe5;
  --color-3: #e3dad8;
  --color-4: #f7d9c2;
  --color-5: #17093d;
}

SCSS

$color-1: #cab5be;
$color-2: #dbdbe5;
$color-3: #e3dad8;
$color-4: #f7d9c2;
$color-5: #17093d;

TAILWIND

colors: {
  'brand-1': '#cab5be',
  'brand-2': '#dbdbe5',
  'brand-3': '#e3dad8',
  'brand-4': '#f7d9c2',
  'brand-5': '#17093d',
}

RGB Array

[202, 181, 190], [219, 219, 229], [227, 218, 216], [247, 217, 194], [23, 9, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAB5BE, #DBDBE5, #E3DAD8, #F7D9C2, #17093D 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: #cab5be; --color-2: #dbdbe5; --color-3: #e3dad8; --color-4: #f7d9c2; --color-5: #17093d. 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