#C96371 + #A8899D + #ADAAB8 + #ADD8E9 + #FFFBFD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C96371

Crimson · LightCoral · Passion Red

HEX

#C96371

RGB

rgb(201, 99, 113)

HSL

hsl(352, 49%, 59%)

HSB

hsb(352, 51%, 79%)

CMYK

cmyk(0%, 51%, 44%, 21%)

Oklch

oklch(62.5% 0.130 13.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#A8899D

Rose Purple · DarkGray · Rose Pink

HEX

#A8899D

RGB

rgb(168, 137, 157)

HSL

hsl(321, 15%, 60%)

HSB

hsb(321, 18%, 66%)

CMYK

cmyk(0%, 18%, 7%, 34%)

Oklch

oklch(66.5% 0.047 339.6)

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

#ADAAB8

Wisteria · DarkGray · Silver Sand

HEX

#ADAAB8

RGB

rgb(173, 170, 184)

HSL

hsl(253, 9%, 69%)

HSB

hsb(253, 8%, 72%)

CMYK

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

Oklch

oklch(74.5% 0.020 295.7)

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

#ADD8E9

Sky Blue · LightBlue · Glacier Blue

HEX

#ADD8E9

RGB

rgb(173, 216, 233)

HSL

hsl(197, 58%, 80%)

HSB

hsb(197, 26%, 91%)

CMYK

cmyk(26%, 7%, 0%, 9%)

Oklch

oklch(85.7% 0.051 223.9)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#FFFBFD

Rouge · Snow · Cherry Blossom

HEX

#FFFBFD

RGB

rgb(255, 251, 253)

HSL

hsl(330, 100%, 99%)

HSB

hsb(330, 2%, 100%)

CMYK

cmyk(0%, 2%, 1%, 0%)

Oklch

oklch(99.2% 0.005 345.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C96371

63CABC

Analogous

CA63A4

C96371

CA8963

Triadic

C96371

71CA63

6371CA

Split-Comp.

C96371

63CA89

63A4CA

Tetradic

C96371

A4CA63

63CABC

8963CA

Contrast Matrix WCAG 2.1 Contrast

C96371	A8899D	ADAAB8	ADD8E9	FFFBFD
—	1.2 Fail	1.7 Fail	2.5 Fail	3.7 AA Large
1.2 Fail	—	1.4 Fail	2.0 Fail	3.0 AA Large
1.7 Fail	1.4 Fail	—	1.5 Fail	2.2 Fail
2.5 Fail	2.0 Fail	1.5 Fail	—	1.5 Fail
3.7 AA Large	3.0 AA Large	2.2 Fail	1.5 Fail	—

White BG

3.8AA Large

3.1AA Large

2.3Fail

1.5Fail

1.0Fail

Black BG

5.5AA

6.7AA

9.2AAA

13.8AAA

20.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9C6E

9B9A98

ACACB5

C0C0E5

FDFDFD

Deuteranopia

A3AA6D

9C9F97

ACACB4

BDBAE4

FEFEFC

Tritanopia

C46B6A

A69494

ADB2B1

AFE2E1

FFFCFC

Achromatopsia

838383

959595

ACACAC

CDCDCD

FCFCFC

Shades & Tints Shades & Tints

#C96371

Dark

Light

#A8899D

Dark

Light

#ADAAB8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c96371;
  --color-2: #a8899d;
  --color-3: #adaab8;
  --color-4: #add8e9;
  --color-5: #fffbfd;
}

SCSS

$color-1: #c96371;
$color-2: #a8899d;
$color-3: #adaab8;
$color-4: #add8e9;
$color-5: #fffbfd;

TAILWIND

colors: {
  'brand-1': '#c96371',
  'brand-2': '#a8899d',
  'brand-3': '#adaab8',
  'brand-4': '#add8e9',
  'brand-5': '#fffbfd',
}

RGB Array

[201, 99, 113], [168, 137, 157], [173, 170, 184], [173, 216, 233], [255, 251, 253]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C96371, #A8899D, #ADAAB8, #ADD8E9, #FFFBFD 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: #c96371; --color-2: #a8899d; --color-3: #adaab8; --color-4: #add8e9; --color-5: #fffbfd. 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