← Back to Editor

#733A52 · #C1485A · #F78D78 · #E7E7B0 · #F9F9CF

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

#733A52

Dark Violet · DimGray · Camellia

HEX
#733A52
RGB
rgb(115, 58, 82)
HSL
hsl(335, 33%, 34%)
HSB
hsb(335, 50%, 45%)
CMYK
cmyk(0%, 50%, 29%, 55%)
Oklch
oklch(42.9% 0.085 354.7)

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

#C1485A

Crimson · Sienna · Passion Red

HEX
#C1485A
RGB
rgb(193, 72, 90)
HSL
hsl(351, 49%, 52%)
HSB
hsb(351, 63%, 76%)
CMYK
cmyk(0%, 63%, 53%, 24%)
Oklch
oklch(57.0% 0.155 14.6)

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

#F78D78

Peach Pink · Salmon · Coral Red

HEX
#F78D78
RGB
rgb(247, 141, 120)
HSL
hsl(10, 89%, 72%)
HSB
hsb(10, 51%, 97%)
CMYK
cmyk(0%, 43%, 51%, 3%)
Oklch
oklch(75.2% 0.133 32.2)

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

#E7E7B0

Fresh Green · Wheat · Lemon Cream

HEX
#E7E7B0
RGB
rgb(231, 231, 176)
HSL
hsl(60, 53%, 80%)
HSB
hsb(60, 24%, 91%)
CMYK
cmyk(0%, 0%, 24%, 9%)
Oklch
oklch(91.5% 0.071 107.7)

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

#F9F9CF

Fresh Green · Beige · Lemon Cream

HEX
#F9F9CF
RGB
rgb(249, 249, 207)
HSL
hsl(60, 78%, 89%)
HSB
hsb(60, 17%, 98%)
CMYK
cmyk(0%, 0%, 17%, 2%)
Oklch
oklch(97.2% 0.054 107.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

733A52
3A735B

Analogous

733A6F
733A52
733F3A

Triadic

733A52
52733A
3A5273

Split-Comp.

733A52
3A733F
3A6F73

Tetradic

733A52
6F733A
3A735B
3F3A73

Contrast Matrix WCAG 2.1 Contrast

733A52
C1485A
F78D78
E7E7B0
F9F9CF
—
1.8
Fail
3.7
AA Large
6.7
AA
7.9
AAA
1.8
Fail
—
2.1
Fail
3.8
AA Large
4.5
AA Large
3.7
AA Large
2.1
Fail
—
1.8
Fail
2.2
Fail
6.7
AA
3.8
AA Large
1.8
Fail
—
1.2
Fail
7.9
AAA
4.5
AA Large
2.2
Fail
1.2
Fail
—
White BG
8.6AAA
4.8AA
2.3Fail
1.3Fail
1.1Fail
Black BG
2.5Fail
4.3AA Large
9.0AAA
16.5AAA
19.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5A4C
8D8C56
C9C87D
E7E7BD
F9F9D9

Deuteranopia

5E624B
949D55
CFD77E
E7E7C1
F9F9DC

Tritanopia

704847
BB5251
F28182
E7C8CA
F9E1E3

Achromatopsia

4E4E4E
6E6E6E
AAAAAA
E1E1E1
F4F4F4

Shades & Tints Shades & Tints

#733A52

Dark
Light

#C1485A

Dark
Light

#F78D78

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #733a52;
  --color-2: #c1485a;
  --color-3: #f78d78;
  --color-4: #e7e7b0;
  --color-5: #f9f9cf;
}

SCSS

$color-1: #733a52;
$color-2: #c1485a;
$color-3: #f78d78;
$color-4: #e7e7b0;
$color-5: #f9f9cf;

TAILWIND

colors: {
  'brand-1': '#733a52',
  'brand-2': '#c1485a',
  'brand-3': '#f78d78',
  'brand-4': '#e7e7b0',
  'brand-5': '#f9f9cf',
}

RGB Array

[115, 58, 82], [193, 72, 90], [247, 141, 120], [231, 231, 176], [249, 249, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #733A52, #C1485A, #F78D78, #E7E7B0, #F9F9CF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #733a52; --color-2: #c1485a; --color-3: #f78d78; --color-4: #e7e7b0; --color-5: #f9f9cf. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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