← Back to Editor

#C3B395 · #DB4196 · #FC1699 · #FF6181 · #EEAE23

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C3B395

Ginger · Tan · Warm Sun

HEX
#C3B395
RGB
rgb(195, 179, 149)
HSL
hsl(39, 28%, 67%)
HSB
hsb(39, 24%, 76%)
CMYK
cmyk(0%, 8%, 24%, 24%)
Oklch
oklch(77.2% 0.045 83.2)

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

#DB4196

Rose Purple · MediumVioletRed · Rose Pink

HEX
#DB4196
RGB
rgb(219, 65, 150)
HSL
hsl(327, 68%, 56%)
HSB
hsb(327, 70%, 86%)
CMYK
cmyk(0%, 70%, 32%, 14%)
Oklch
oklch(62.2% 0.205 350.8)

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

#FC1699

Rose Purple · DeepPink · Rose Pink

HEX
#FC1699
RGB
rgb(252, 22, 153)
HSL
hsl(326, 97%, 54%)
HSB
hsb(326, 91%, 99%)
CMYK
cmyk(0%, 91%, 39%, 1%)
Oklch
oklch(65.2% 0.261 354.6)

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

#FF6181

Peach Pink · LightCoral · Coral Red

HEX
#FF6181
RGB
rgb(255, 97, 129)
HSL
hsl(348, 100%, 69%)
HSB
hsb(348, 62%, 100%)
CMYK
cmyk(0%, 62%, 49%, 0%)
Oklch
oklch(70.4% 0.193 11.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EEAE23

Ginger · GoldenRod · Sunflower

HEX
#EEAE23
RGB
rgb(238, 174, 35)
HSL
hsl(41, 86%, 54%)
HSB
hsb(41, 85%, 93%)
CMYK
cmyk(0%, 27%, 85%, 7%)
Oklch
oklch(79.1% 0.156 80.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3B395
93A4C2

Analogous

C29A93
C3B395
BBC293

Triadic

C3B395
93C2B2
B293C2

Split-Comp.

C3B395
93BBC2
9A93C2

Tetradic

C3B395
93C29A
93A4C2
C293BB

Contrast Matrix WCAG 2.1 Contrast

C3B395
DB4196
FC1699
FF6181
EEAE23
—
2.0
Fail
1.8
Fail
1.4
Fail
1.1
Fail
2.0
Fail
—
1.1
Fail
1.4
Fail
2.1
Fail
1.8
Fail
1.1
Fail
—
1.3
Fail
1.9
Fail
1.4
Fail
1.4
Fail
1.3
Fail
—
1.5
Fail
1.1
Fail
2.1
Fail
1.9
Fail
1.5
Fail
—
White BG
2.1Fail
4.0AA Large
3.7AA Large
2.9Fail
2.0Fail
Black BG
10.2AAA
5.2AA
5.7AA
7.3AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC9C
989781
989679
BBB979
D2D245

Deuteranopia

BDBE9E
A1AD7D
A6B772
C4D077
D6DB4D

Tritanopia

C2A2A3
D3716E
F0605B
F77372
EB5F65

Achromatopsia

B4B4B4
797979
6A6A6A
949494
B1B1B1

Shades & Tints Shades & Tints

#C3B395

Dark
Light

#DB4196

Dark
Light

#FC1699

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3b395;
  --color-2: #db4196;
  --color-3: #fc1699;
  --color-4: #ff6181;
  --color-5: #eeae23;
}

SCSS

$color-1: #c3b395;
$color-2: #db4196;
$color-3: #fc1699;
$color-4: #ff6181;
$color-5: #eeae23;

TAILWIND

colors: {
  'brand-1': '#c3b395',
  'brand-2': '#db4196',
  'brand-3': '#fc1699',
  'brand-4': '#ff6181',
  'brand-5': '#eeae23',
}

RGB Array

[195, 179, 149], [219, 65, 150], [252, 22, 153], [255, 97, 129], [238, 174, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C3B395, #DB4196, #FC1699, #FF6181, #EEAE23 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #c3b395; --color-2: #db4196; --color-3: #fc1699; --color-4: #ff6181; --color-5: #eeae23. 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 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