← Back to Editor

#CED6BE · #D0BE98 · #C42D64 · #750239 · #11002C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#CED6BE

Willow Green · LightGray · Apple Green

HEX
#CED6BE
RGB
rgb(206, 214, 190)
HSL
hsl(80, 23%, 79%)
HSB
hsb(80, 11%, 84%)
CMYK
cmyk(4%, 0%, 11%, 16%)
Oklch
oklch(86.3% 0.034 122.1)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#D0BE98

Goose Yellow · Tan · Sunflower

HEX
#D0BE98
RGB
rgb(208, 190, 152)
HSL
hsl(41, 37%, 71%)
HSB
hsb(41, 27%, 82%)
CMYK
cmyk(0%, 9%, 27%, 18%)
Oklch
oklch(80.7% 0.055 85.6)

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

#C42D64

Dark Violet · MediumVioletRed · Camellia

HEX
#C42D64
RGB
rgb(196, 45, 100)
HSL
hsl(338, 63%, 47%)
HSB
hsb(338, 77%, 77%)
CMYK
cmyk(0%, 77%, 49%, 23%)
Oklch
oklch(55.0% 0.189 4.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#750239

Dark Violet · Maroon · Raspberry

HEX
#750239
RGB
rgb(117, 2, 57)
HSL
hsl(331, 97%, 23%)
HSB
hsb(331, 98%, 46%)
CMYK
cmyk(0%, 98%, 51%, 54%)
Oklch
oklch(36.5% 0.146 1.5)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#11002C

Deep Indigo · Black · Dark Purple

HEX
#11002C
RGB
rgb(17, 0, 44)
HSL
hsl(263, 100%, 9%)
HSB
hsb(263, 100%, 17%)
CMYK
cmyk(61%, 100%, 0%, 83%)
Oklch
oklch(15.6% 0.086 294.5)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CED6BE
C5BDD6

Analogous

D6D2BD
CED6BE
C1D6BD

Triadic

CED6BE
BDCED6
D6BDCE

Split-Comp.

CED6BE
BDC1D6
D2BDD6

Tetradic

CED6BE
BDD6D2
C5BDD6
D6BDC1

Contrast Matrix WCAG 2.1 Contrast

CED6BE
D0BE98
C42D64
750239
11002C
—
1.2
Fail
3.6
AA Large
7.7
AAA
13.2
AAA
1.2
Fail
—
2.9
Fail
6.3
AA
10.8
AAA
3.6
AA Large
2.9
Fail
—
2.1
Fail
3.7
AA Large
7.7
AAA
6.3
AA
2.1
Fail
—
1.7
Fail
13.2
AAA
10.8
AAA
3.7
AA Large
1.7
Fail
—
White BG
1.5Fail
1.8Fail
5.4AA
11.5AAA
19.8AAA
Black BG
14.0AAA
11.5AAA
3.9AA Large
1.8Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D2C4
C8C8A1
838157
43422C
0A0921

Deuteranopia

D1D0C5
C9CBA3
8B9754
4A5229
0B0C1F

Tritanopia

CEC8C9
CFA8AA
BC4C4A
6F211F
101917

Achromatopsia

D1D1D1
BFBFBF
606060
2B2B2B
0A0A0A

Shades & Tints Shades & Tints

#CED6BE

Dark
Light

#D0BE98

Dark
Light

#C42D64

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ced6be;
  --color-2: #d0be98;
  --color-3: #c42d64;
  --color-4: #750239;
  --color-5: #11002c;
}

SCSS

$color-1: #ced6be;
$color-2: #d0be98;
$color-3: #c42d64;
$color-4: #750239;
$color-5: #11002c;

TAILWIND

colors: {
  'brand-1': '#ced6be',
  'brand-2': '#d0be98',
  'brand-3': '#c42d64',
  'brand-4': '#750239',
  'brand-5': '#11002c',
}

RGB Array

[206, 214, 190], [208, 190, 152], [196, 45, 100], [117, 2, 57], [17, 0, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CED6BE, #D0BE98, #C42D64, #750239, #11002C is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ced6be; --color-2: #d0be98; --color-3: #c42d64; --color-4: #750239; --color-5: #11002c. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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