← Back to Editor

#693232 · #FF2B5D · #FF8B4D · #FFAA71 · #C8DBA4

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 AppData Visualization

Color Details Color Details

#693232

Crimson · DarkOliveGreen · Wine Red

HEX
#693232
RGB
rgb(105, 50, 50)
HSL
hsl(0, 35%, 30%)
HSB
hsb(0, 52%, 41%)
CMYK
cmyk(0%, 52%, 52%, 59%)
Oklch
oklch(39.0% 0.079 21.3)

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

#FF2B5D

Vermilion · Crimson · Passion Red

HEX
#FF2B5D
RGB
rgb(255, 43, 93)
HSL
hsl(346, 100%, 58%)
HSB
hsb(346, 83%, 100%)
CMYK
cmyk(0%, 83%, 64%, 0%)
Oklch
oklch(65.0% 0.240 15.3)

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

#FF8B4D

Apricot · Coral · Warm Sun

HEX
#FF8B4D
RGB
rgb(255, 139, 77)
HSL
hsl(21, 100%, 65%)
HSB
hsb(21, 70%, 100%)
CMYK
cmyk(0%, 45%, 70%, 0%)
Oklch
oklch(75.3% 0.160 47.0)

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

#FFAA71

Apricot · LightSalmon · Warm Sun

HEX
#FFAA71
RGB
rgb(255, 170, 113)
HSL
hsl(24, 100%, 72%)
HSB
hsb(24, 56%, 100%)
CMYK
cmyk(0%, 33%, 56%, 0%)
Oklch
oklch(81.0% 0.124 53.9)

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

#C8DBA4

Willow Green · Silver · Apple Green

HEX
#C8DBA4
RGB
rgb(200, 219, 164)
HSL
hsl(81, 43%, 75%)
HSB
hsb(81, 25%, 86%)
CMYK
cmyk(9%, 0%, 25%, 14%)
Oklch
oklch(86.3% 0.076 123.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

693232
326767

Analogous

67324D
693232
674D32

Triadic

693232
326732
323267

Split-Comp.

693232
32674D
324D67

Tetradic

693232
4D6732
326767
4D3267

Contrast Matrix WCAG 2.1 Contrast

693232
FF2B5D
FF8B4D
FFAA71
C8DBA4
—
2.7
Fail
4.3
AA Large
5.3
AA
6.7
AA
2.7
Fail
—
1.6
Fail
2.0
Fail
2.5
Fail
4.3
AA Large
1.6
Fail
—
1.2
Fail
1.6
Fail
5.3
AA
2.0
Fail
1.2
Fail
—
1.3
Fail
6.7
AA
2.5
Fail
1.6
Fail
1.3
Fail
—
White BG
10.0AAA
3.6AA Large
2.3Fail
1.9Fail
1.5Fail
Black BG
2.1Fail
5.8AA
9.1AAA
11.2AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

515132
A3A151
CDCC5C
DAD97F
D0D0B1

Deuteranopia

545932
B0BF4E
D4DC60
DFE682
CFCEB5

Tritanopia

663232
F44745
F9686A
FB8A8C
C9BCBE

Achromatopsia

424242
707070
A7A7A7
BDBDBD
CFCFCF

Shades & Tints Shades & Tints

#693232

Dark
Light

#FF2B5D

Dark
Light

#FF8B4D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #693232;
  --color-2: #ff2b5d;
  --color-3: #ff8b4d;
  --color-4: #ffaa71;
  --color-5: #c8dba4;
}

SCSS

$color-1: #693232;
$color-2: #ff2b5d;
$color-3: #ff8b4d;
$color-4: #ffaa71;
$color-5: #c8dba4;

TAILWIND

colors: {
  'brand-1': '#693232',
  'brand-2': '#ff2b5d',
  'brand-3': '#ff8b4d',
  'brand-4': '#ffaa71',
  'brand-5': '#c8dba4',
}

RGB Array

[105, 50, 50], [255, 43, 93], [255, 139, 77], [255, 170, 113], [200, 219, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #693232, #FF2B5D, #FF8B4D, #FFAA71, #C8DBA4 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: #693232; --color-2: #ff2b5d; --color-3: #ff8b4d; --color-4: #ffaa71; --color-5: #c8dba4. 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