← Back to Editor

#EBCB65 · #EBAA65 · #EB96C2 · #63615F · #C2C1BE

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 Library

Color Details Color Details

#EBCB65

Ginger · SandyBrown · Sunflower

HEX
#EBCB65
RGB
rgb(235, 203, 101)
HSL
hsl(46, 77%, 66%)
HSB
hsb(46, 57%, 92%)
CMYK
cmyk(0%, 14%, 57%, 8%)
Oklch
oklch(84.9% 0.127 92.1)

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

#EBAA65

Ginger · SandyBrown · Warm Sun

HEX
#EBAA65
RGB
rgb(235, 170, 101)
HSL
hsl(31, 77%, 66%)
HSB
hsb(31, 57%, 92%)
CMYK
cmyk(0%, 28%, 57%, 8%)
Oklch
oklch(78.6% 0.115 66.4)

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

#EB96C2

Mauve · LightPink · Rose Pink

HEX
#EB96C2
RGB
rgb(235, 150, 194)
HSL
hsl(329, 68%, 75%)
HSB
hsb(329, 36%, 92%)
CMYK
cmyk(0%, 36%, 17%, 8%)
Oklch
oklch(77.2% 0.115 347.8)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#63615F

Ink Gray · DimGray · Charcoal

HEX
#63615F
RGB
rgb(99, 97, 95)
HSL
hsl(30, 2%, 38%)
HSB
hsb(30, 4%, 39%)
CMYK
cmyk(0%, 2%, 4%, 61%)
Oklch
oklch(49.4% 0.004 67.7)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#C2C1BE

Silver Gray · Silver · Pearl Gray

HEX
#C2C1BE
RGB
rgb(194, 193, 190)
HSL
hsl(45, 3%, 75%)
HSB
hsb(45, 2%, 76%)
CMYK
cmyk(0%, 1%, 2%, 24%)
Oklch
oklch(81.1% 0.004 91.5)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBCB65
6685EB

Analogous

EB8966
EBCB65
C7EB66

Triadic

EBCB65
66EBCC
CC66EB

Split-Comp.

EBCB65
66C7EB
8966EB

Tetradic

EBCB65
66EB89
6685EB
EB66C7

Contrast Matrix WCAG 2.1 Contrast

EBCB65
EBAA65
EB96C2
63615F
C2C1BE
—
1.3
Fail
1.4
Fail
3.9
AA Large
1.1
Fail
1.3
Fail
—
1.1
Fail
3.1
AA Large
1.1
Fail
1.4
Fail
1.1
Fail
—
2.8
Fail
1.2
Fail
3.9
AA Large
3.1
AA Large
2.8
Fail
—
3.4
AA Large
1.1
Fail
1.1
Fail
1.2
Fail
3.4
AA Large
—
White BG
1.6Fail
2.0Fail
2.2Fail
6.2AA
1.8Fail
Black BG
13.3AAA
10.5AAA
9.7AAA
3.4AA Large
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDD7E
CFCE76
C6C5B7
62625F
C2C2BF

Deuteranopia

DFE184
D3D87A
CBD2B5
626260
C2C2BF

Tritanopia

E99195
E88386
E7AFAD
636060
C2BFBF

Achromatopsia

C9C9C9
B6B6B6
B4B4B4
616161
C1C1C1

Shades & Tints Shades & Tints

#EBCB65

Dark
Light

#EBAA65

Dark
Light

#EB96C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebcb65;
  --color-2: #ebaa65;
  --color-3: #eb96c2;
  --color-4: #63615f;
  --color-5: #c2c1be;
}

SCSS

$color-1: #ebcb65;
$color-2: #ebaa65;
$color-3: #eb96c2;
$color-4: #63615f;
$color-5: #c2c1be;

TAILWIND

colors: {
  'brand-1': '#ebcb65',
  'brand-2': '#ebaa65',
  'brand-3': '#eb96c2',
  'brand-4': '#63615f',
  'brand-5': '#c2c1be',
}

RGB Array

[235, 203, 101], [235, 170, 101], [235, 150, 194], [99, 97, 95], [194, 193, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBCB65, #EBAA65, #EB96C2, #63615F, #C2C1BE is ideal for: corporate websites, product showcases, portfolios. 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: #ebcb65; --color-2: #ebaa65; --color-3: #eb96c2; --color-4: #63615f; --color-5: #c2c1be. 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. 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