← Back to Editor

#652747 · #CCBEBC · #FFFEF3 · #6B7F1F · #D5DFA1

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

#652747

Rose Purple · DarkSlateGray · Camellia

HEX
#652747
RGB
rgb(101, 39, 71)
HSL
hsl(329, 44%, 27%)
HSB
hsb(329, 61%, 40%)
CMYK
cmyk(0%, 61%, 30%, 60%)
Oklch
oklch(37.3% 0.097 350.7)

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

#CCBEBC

Peach Pink · Silver · Coral Red

HEX
#CCBEBC
RGB
rgb(204, 190, 188)
HSL
hsl(7, 14%, 77%)
HSB
hsb(7, 8%, 80%)
CMYK
cmyk(0%, 7%, 8%, 20%)
Oklch
oklch(81.3% 0.016 27.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFFEF3

Fresh Green · Snow · Lemon Cream

HEX
#FFFEF3
RGB
rgb(255, 254, 243)
HSL
hsl(55, 100%, 98%)
HSB
hsb(55, 5%, 100%)
CMYK
cmyk(0%, 0%, 5%, 0%)
Oklch
oklch(99.5% 0.014 102.4)

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

#6B7F1F

Grass Green · DarkOliveGreen · Forest Green

HEX
#6B7F1F
RGB
rgb(107, 127, 31)
HSL
hsl(73, 61%, 31%)
HSB
hsb(73, 76%, 50%)
CMYK
cmyk(16%, 0%, 76%, 50%)
Oklch
oklch(56.2% 0.121 120.8)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#D5DFA1

Willow Green · Khaki · Apple Green

HEX
#D5DFA1
RGB
rgb(213, 223, 161)
HSL
hsl(70, 49%, 75%)
HSB
hsb(70, 28%, 87%)
CMYK
cmyk(4%, 0%, 28%, 13%)
Oklch
oklch(88.1% 0.082 115.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

652747
276344

Analogous

622763
652747
632728

Triadic

652747
466327
274663

Split-Comp.

652747
286327
276362

Tetradic

652747
636227
276344
272863

Contrast Matrix WCAG 2.1 Contrast

652747
CCBEBC
FFFEF3
6B7F1F
D5DFA1
—
6.0
AA
10.7
AAA
2.4
Fail
7.7
AAA
6.0
AA
—
1.8
Fail
2.5
Fail
1.3
Fail
10.7
AAA
1.8
Fail
—
4.4
AA Large
1.4
Fail
2.4
Fail
2.5
Fail
4.4
AA Large
—
3.2
AA Large
7.7
AAA
1.3
Fail
1.4
Fail
3.2
AA Large
—
White BG
10.9AAA
1.8Fail
1.0Fail
4.5AA Large
1.4Fail
Black BG
1.9Fail
11.7AAA
20.7AAA
4.7AA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4A3F
C6C6BC
FFFFF6
747436
D9D9B0

Deuteranopia

4E523D
C7C8BD
FFFFF6
73713C
D9D8B4

Tritanopia

623938
CBBDBD
FFF8F8
6C494D
D6BCBE

Achromatopsia

3D3D3D
C2C2C2
FDFDFD
6E6E6E
D5D5D5

Shades & Tints Shades & Tints

#652747

Dark
Light

#CCBEBC

Dark
Light

#FFFEF3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #652747;
  --color-2: #ccbebc;
  --color-3: #fffef3;
  --color-4: #6b7f1f;
  --color-5: #d5dfa1;
}

SCSS

$color-1: #652747;
$color-2: #ccbebc;
$color-3: #fffef3;
$color-4: #6b7f1f;
$color-5: #d5dfa1;

TAILWIND

colors: {
  'brand-1': '#652747',
  'brand-2': '#ccbebc',
  'brand-3': '#fffef3',
  'brand-4': '#6b7f1f',
  'brand-5': '#d5dfa1',
}

RGB Array

[101, 39, 71], [204, 190, 188], [255, 254, 243], [107, 127, 31], [213, 223, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #652747, #CCBEBC, #FFFEF3, #6B7F1F, #D5DFA1 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: #652747; --color-2: #ccbebc; --color-3: #fffef3; --color-4: #6b7f1f; --color-5: #d5dfa1. 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