← Back to Editor

#729DE1 · #E17068 · #B95144 · #9E8D09 · #3F4D0F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#729DE1

Azure · CornflowerBlue · Cobalt Blue

HEX
#729DE1
RGB
rgb(114, 157, 225)
HSL
hsl(217, 65%, 66%)
HSB
hsb(217, 49%, 88%)
CMYK
cmyk(49%, 30%, 0%, 12%)
Oklch
oklch(69.3% 0.111 259.3)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#E17068

Peach Pink · Salmon · Coral Red

HEX
#E17068
RGB
rgb(225, 112, 104)
HSL
hsl(4, 67%, 65%)
HSB
hsb(4, 54%, 88%)
CMYK
cmyk(0%, 50%, 54%, 12%)
Oklch
oklch(67.5% 0.142 25.7)

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

#B95144

Crimson · Sienna · Passion Red

HEX
#B95144
RGB
rgb(185, 81, 68)
HSL
hsl(7, 46%, 50%)
HSB
hsb(7, 63%, 73%)
CMYK
cmyk(0%, 56%, 63%, 27%)
Oklch
oklch(56.5% 0.138 29.3)

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

#9E8D09

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9E8D09
RGB
rgb(158, 141, 9)
HSL
hsl(53, 89%, 33%)
HSB
hsb(53, 94%, 62%)
CMYK
cmyk(0%, 11%, 94%, 38%)
Oklch
oklch(63.9% 0.131 100.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#3F4D0F

Grass Green · DarkOliveGreen · Dark Green

HEX
#3F4D0F
RGB
rgb(63, 77, 15)
HSL
hsl(74, 67%, 18%)
HSB
hsb(74, 81%, 30%)
CMYK
cmyk(18%, 0%, 81%, 70%)
Oklch
oklch(39.5% 0.086 121.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

729DE1
E1B570

Analogous

70D4E1
729DE1
7D70E1

Triadic

729DE1
E1709B
9BE170

Split-Comp.

729DE1
E17D70
D4E170

Tetradic

729DE1
E170D4
E1B570
70E17D

Contrast Matrix WCAG 2.1 Contrast

729DE1
E17068
B95144
9E8D09
3F4D0F
—
1.1
Fail
1.8
Fail
1.2
Fail
3.3
AA Large
1.1
Fail
—
1.6
Fail
1.1
Fail
2.9
Fail
1.8
Fail
1.6
Fail
—
1.4
Fail
1.9
Fail
1.2
Fail
1.1
Fail
1.4
Fail
—
2.7
Fail
3.3
AA Large
2.9
Fail
1.9
Fail
2.7
Fail
—
White BG
2.8Fail
3.1AA Large
4.9AA
3.4AA Large
9.2AAA
Black BG
7.6AAA
6.7AA
4.3AA Large
6.3AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8585D1
B0AF6A
8C8B47
979629
45451E

Deuteranopia

827FCD
B7BF6A
929A48
989931
444322

Tritanopia

74C4C1
DB6B6C
B44A4A
9D4248
402A2C

Achromatopsia

989898
919191
6F6F6F
838383
424242

Shades & Tints Shades & Tints

#729DE1

Dark
Light

#E17068

Dark
Light

#B95144

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #729de1;
  --color-2: #e17068;
  --color-3: #b95144;
  --color-4: #9e8d09;
  --color-5: #3f4d0f;
}

SCSS

$color-1: #729de1;
$color-2: #e17068;
$color-3: #b95144;
$color-4: #9e8d09;
$color-5: #3f4d0f;

TAILWIND

colors: {
  'brand-1': '#729de1',
  'brand-2': '#e17068',
  'brand-3': '#b95144',
  'brand-4': '#9e8d09',
  'brand-5': '#3f4d0f',
}

RGB Array

[114, 157, 225], [225, 112, 104], [185, 81, 68], [158, 141, 9], [63, 77, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #729DE1, #E17068, #B95144, #9E8D09, #3F4D0F 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: #729de1; --color-2: #e17068; --color-3: #b95144; --color-4: #9e8d09; --color-5: #3f4d0f. 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