← Back to Editor

#CBB495 · #99AEB1 · #8C1C34 · #B7271C · #CADBD3

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 LibraryData Visualization

Color Details Color Details

#CBB495

Ginger · Tan · Warm Sun

HEX
#CBB495
RGB
rgb(203, 180, 149)
HSL
hsl(34, 34%, 69%)
HSB
hsb(34, 27%, 80%)
CMYK
cmyk(0%, 11%, 27%, 20%)
Oklch
oklch(78.2% 0.050 75.2)

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

#99AEB1

Sky Blue · DarkGray · Lake Green

HEX
#99AEB1
RGB
rgb(153, 174, 177)
HSL
hsl(187, 13%, 65%)
HSB
hsb(187, 14%, 69%)
CMYK
cmyk(14%, 2%, 0%, 31%)
Oklch
oklch(73.6% 0.024 207.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#8C1C34

Vermilion · Brown · Wine Red

HEX
#8C1C34
RGB
rgb(140, 28, 52)
HSL
hsl(347, 67%, 33%)
HSB
hsb(347, 80%, 55%)
CMYK
cmyk(0%, 80%, 63%, 45%)
Oklch
oklch(42.4% 0.146 14.6)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#B7271C

Vermilion · FireBrick · Passion Red

HEX
#B7271C
RGB
rgb(183, 39, 28)
HSL
hsl(4, 73%, 41%)
HSB
hsb(4, 85%, 72%)
CMYK
cmyk(0%, 79%, 85%, 28%)
Oklch
oklch(50.9% 0.182 29.4)

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

#CADBD3

Jade · LightGray · Mint Green

HEX
#CADBD3
RGB
rgb(202, 219, 211)
HSL
hsl(152, 19%, 83%)
HSB
hsb(152, 8%, 86%)
CMYK
cmyk(8%, 0%, 4%, 14%)
Oklch
oklch(87.6% 0.021 166.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBB495
95ACCB

Analogous

CB9995
CBB495
C7CB95

Triadic

CBB495
95CBB4
B495CB

Split-Comp.

CBB495
95C7CB
9995CB

Tetradic

CBB495
95CB99
95ACCB
CB95C7

Contrast Matrix WCAG 2.1 Contrast

CBB495
99AEB1
8C1C34
B7271C
CADBD3
—
1.2
Fail
4.5
AA
3.2
AA Large
1.4
Fail
1.2
Fail
—
3.9
AA Large
2.7
Fail
1.6
Fail
4.5
AA
3.9
AA Large
—
1.4
Fail
6.3
AA
3.2
AA Large
2.7
Fail
1.4
Fail
—
4.4
AA Large
1.4
Fail
1.6
Fail
6.3
AA
4.4
AA Large
—
White BG
2.0Fail
2.3Fail
9.0AAA
6.3AA
1.4Fail
Black BG
10.5AAA
9.0AAA
2.3Fail
3.3AA Large
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C19D
A2A2B0
5C5A2E
79771F
D1D2D5

Deuteranopia

C2C49E
A19FB0
626A2D
818C1F
D0CFD5

Tritanopia

CAA2A4
9AB0B0
862A29
B02121
CBD6D7

Achromatopsia

B7B7B7
A8A8A8
404040
515151
D5D5D5

Shades & Tints Shades & Tints

#CBB495

Dark
Light

#99AEB1

Dark
Light

#8C1C34

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbb495;
  --color-2: #99aeb1;
  --color-3: #8c1c34;
  --color-4: #b7271c;
  --color-5: #cadbd3;
}

SCSS

$color-1: #cbb495;
$color-2: #99aeb1;
$color-3: #8c1c34;
$color-4: #b7271c;
$color-5: #cadbd3;

TAILWIND

colors: {
  'brand-1': '#cbb495',
  'brand-2': '#99aeb1',
  'brand-3': '#8c1c34',
  'brand-4': '#b7271c',
  'brand-5': '#cadbd3',
}

RGB Array

[203, 180, 149], [153, 174, 177], [140, 28, 52], [183, 39, 28], [202, 219, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBB495, #99AEB1, #8C1C34, #B7271C, #CADBD3 is ideal for: 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: #cbb495; --color-2: #99aeb1; --color-3: #8c1c34; --color-4: #b7271c; --color-5: #cadbd3. 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. 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