← Back to Editor

#CBB78F · #703B44 · #A3223C · #C92A4A · #EDE2C7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#CBB78F

Ginger · Tan · Sunflower

HEX
#CBB78F
RGB
rgb(203, 183, 143)
HSL
hsl(40, 37%, 68%)
HSB
hsb(40, 30%, 80%)
CMYK
cmyk(0%, 10%, 30%, 20%)
Oklch
oklch(78.6% 0.058 84.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#703B44

Crimson · Sienna · Wine Red

HEX
#703B44
RGB
rgb(112, 59, 68)
HSL
hsl(350, 31%, 34%)
HSB
hsb(350, 47%, 44%)
CMYK
cmyk(0%, 47%, 39%, 56%)
Oklch
oklch(42.1% 0.075 10.0)

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

#A3223C

Vermilion · Brown · Wine Red

HEX
#A3223C
RGB
rgb(163, 34, 60)
HSL
hsl(348, 65%, 39%)
HSB
hsb(348, 79%, 64%)
CMYK
cmyk(0%, 79%, 63%, 36%)
Oklch
oklch(47.3% 0.164 15.4)

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

#C92A4A

Vermilion · Crimson · Passion Red

HEX
#C92A4A
RGB
rgb(201, 42, 74)
HSL
hsl(348, 65%, 48%)
HSB
hsb(348, 79%, 79%)
CMYK
cmyk(0%, 79%, 63%, 21%)
Oklch
oklch(55.1% 0.193 15.8)

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

#EDE2C7

Goose Yellow · Bisque · Lemon Cream

HEX
#EDE2C7
RGB
rgb(237, 226, 199)
HSL
hsl(43, 51%, 85%)
HSB
hsb(43, 16%, 93%)
CMYK
cmyk(0%, 5%, 16%, 7%)
Oklch
oklch(91.4% 0.038 88.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBB78F
8FA3CC

Analogous

CC998F
CBB78F
C2CC8F

Triadic

CBB78F
8FCCB7
B78FCC

Split-Comp.

CBB78F
8FC2CC
998FCC

Tetradic

CBB78F
8FCC99
8FA3CC
CC8FC2

Contrast Matrix WCAG 2.1 Contrast

CBB78F
703B44
A3223C
C92A4A
EDE2C7
—
4.5
AA Large
3.8
AA Large
2.7
Fail
1.5
Fail
4.5
AA Large
—
1.2
Fail
1.6
Fail
6.8
AA
3.8
AA Large
1.2
Fail
—
1.4
Fail
5.7
AA
2.7
Fail
1.6
Fail
1.4
Fail
—
4.2
AA Large
1.5
Fail
6.8
AA
5.7
AA
4.2
AA Large
—
White BG
2.0Fail
8.8AAA
7.4AAA
5.4AA
1.3Fail
Black BG
10.7AAA
2.4Fail
2.9Fail
3.9AA Large
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C299
595942
6B6A36
848342
E8E8CE

Deuteranopia

C4C59B
5C6041
737C34
8D9940
E9EACF

Tritanopia

CAA0A2
6D4040
9D3130
C13C3B
ECD3D4

Achromatopsia

B8B8B8
4C4C4C
4C4C4C
5D5D5D
E2E2E2

Shades & Tints Shades & Tints

#CBB78F

Dark
Light

#703B44

Dark
Light

#A3223C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbb78f;
  --color-2: #703b44;
  --color-3: #a3223c;
  --color-4: #c92a4a;
  --color-5: #ede2c7;
}

SCSS

$color-1: #cbb78f;
$color-2: #703b44;
$color-3: #a3223c;
$color-4: #c92a4a;
$color-5: #ede2c7;

TAILWIND

colors: {
  'brand-1': '#cbb78f',
  'brand-2': '#703b44',
  'brand-3': '#a3223c',
  'brand-4': '#c92a4a',
  'brand-5': '#ede2c7',
}

RGB Array

[203, 183, 143], [112, 59, 68], [163, 34, 60], [201, 42, 74], [237, 226, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBB78F, #703B44, #A3223C, #C92A4A, #EDE2C7 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: #cbb78f; --color-2: #703b44; --color-3: #a3223c; --color-4: #c92a4a; --color-5: #ede2c7. 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