← Back to Editor

#CACBBB · #C6A697 · #C7898C · #87919D · #54899B

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CACBBB

Fresh Green · Silver · Lemon Cream

HEX
#CACBBB
RGB
rgb(202, 203, 187)
HSL
hsl(64, 13%, 76%)
HSB
hsb(64, 8%, 80%)
CMYK
cmyk(0%, 0%, 8%, 20%)
Oklch
oklch(83.7% 0.022 109.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#C6A697

Apricot · Tan · Warm Sun

HEX
#C6A697
RGB
rgb(198, 166, 151)
HSL
hsl(19, 29%, 68%)
HSB
hsb(19, 24%, 78%)
CMYK
cmyk(0%, 16%, 24%, 22%)
Oklch
oklch(75.0% 0.043 46.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C7898C

Peach Pink · DarkSalmon · Coral Red

HEX
#C7898C
RGB
rgb(199, 137, 140)
HSL
hsl(357, 36%, 66%)
HSB
hsb(357, 31%, 78%)
CMYK
cmyk(0%, 31%, 30%, 22%)
Oklch
oklch(69.3% 0.076 16.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#87919D

Azure · LightSlateGray · Navy Blue

HEX
#87919D
RGB
rgb(135, 145, 157)
HSL
hsl(213, 10%, 57%)
HSB
hsb(213, 14%, 62%)
CMYK
cmyk(14%, 8%, 0%, 38%)
Oklch
oklch(65.2% 0.021 253.0)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#54899B

Slate Blue · CadetBlue · Mint Ice

HEX
#54899B
RGB
rgb(84, 137, 155)
HSL
hsl(195, 30%, 47%)
HSB
hsb(195, 46%, 61%)
CMYK
cmyk(46%, 12%, 0%, 39%)
Oklch
oklch(60.0% 0.063 221.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CACBBB
BBBACA

Analogous

CAC3BA
CACBBB
C1CABA

Triadic

CACBBB
BAC9CA
CABAC9

Split-Comp.

CACBBB
BAC1CA
C3BACA

Tetradic

CACBBB
BACAC3
BBBACA
CABAC1

Contrast Matrix WCAG 2.1 Contrast

CACBBB
C6A697
C7898C
87919D
54899B
—
1.4
Fail
1.7
Fail
1.9
Fail
2.4
Fail
1.4
Fail
—
1.3
Fail
1.4
Fail
1.7
Fail
1.7
Fail
1.3
Fail
—
1.1
Fail
1.4
Fail
1.9
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
2.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
1.6Fail
2.3Fail
2.8Fail
3.2AA Large
3.9AA Large
Black BG
12.8AAA
9.3AAA
7.4AAA
6.6AA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACABF
B8B89B
ACAC8B
8B8B9A
6B6B97

Deuteranopia

CACAC0
BABC9C
B0B48B
8B8A99
686496

Tritanopia

CAC2C3
C49D9E
C48B8B
889897
579392

Achromatopsia

C9C9C9
AEAEAE
9C9C9C
8F8F8F
7B7B7B

Shades & Tints Shades & Tints

#CACBBB

Dark
Light

#C6A697

Dark
Light

#C7898C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cacbbb;
  --color-2: #c6a697;
  --color-3: #c7898c;
  --color-4: #87919d;
  --color-5: #54899b;
}

SCSS

$color-1: #cacbbb;
$color-2: #c6a697;
$color-3: #c7898c;
$color-4: #87919d;
$color-5: #54899b;

TAILWIND

colors: {
  'brand-1': '#cacbbb',
  'brand-2': '#c6a697',
  'brand-3': '#c7898c',
  'brand-4': '#87919d',
  'brand-5': '#54899b',
}

RGB Array

[202, 203, 187], [198, 166, 151], [199, 137, 140], [135, 145, 157], [84, 137, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CACBBB, #C6A697, #C7898C, #87919D, #54899B is ideal for: brand design, premium product pages, magazine layouts. 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: #cacbbb; --color-2: #c6a697; --color-3: #c7898c; --color-4: #87919d; --color-5: #54899b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. 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