← Back to Editor

#D33257 · #3D8EB9 · #71BA51 · #FEC606 · #E75926

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#D33257

Vermilion · Crimson · Passion Red

HEX
#D33257
RGB
rgb(211, 50, 87)
HSL
hsl(346, 65%, 51%)
HSB
hsb(346, 76%, 83%)
CMYK
cmyk(0%, 76%, 59%, 17%)
Oklch
oklch(57.7% 0.196 13.2)

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

#3D8EB9

Slate Blue · SteelBlue · Navy Blue

HEX
#3D8EB9
RGB
rgb(61, 142, 185)
HSL
hsl(201, 50%, 48%)
HSB
hsb(201, 67%, 73%)
CMYK
cmyk(67%, 23%, 0%, 27%)
Oklch
oklch(61.5% 0.102 235.1)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#71BA51

Celadon · MediumSeaGreen · Olive Green

HEX
#71BA51
RGB
rgb(113, 186, 81)
HSL
hsl(102, 43%, 52%)
HSB
hsb(102, 56%, 73%)
CMYK
cmyk(39%, 0%, 56%, 27%)
Oklch
oklch(71.8% 0.158 137.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#FEC606

Ginger · Gold · Sunflower

HEX
#FEC606
RGB
rgb(254, 198, 6)
HSL
hsl(46, 99%, 51%)
HSB
hsb(46, 98%, 100%)
CMYK
cmyk(0%, 22%, 98%, 0%)
Oklch
oklch(85.3% 0.174 87.8)

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

#E75926

Tangerine · Chocolate · Warm Sun

HEX
#E75926
RGB
rgb(231, 89, 38)
HSL
hsl(16, 80%, 53%)
HSB
hsb(16, 84%, 91%)
CMYK
cmyk(0%, 61%, 84%, 9%)
Oklch
oklch(64.4% 0.187 38.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D33257
31D3AD

Analogous

D331A8
D33257
D35C31

Triadic

D33257
57D331
3157D3

Split-Comp.

D33257
31D35C
31A8D3

Tetradic

D33257
A8D331
31D3AD
5C31D3

Contrast Matrix WCAG 2.1 Contrast

D33257
3D8EB9
71BA51
FEC606
E75926
—
1.3
Fail
2.0
Fail
3.0
AA Large
1.3
Fail
1.3
Fail
—
1.5
Fail
2.3
Fail
1.0
Fail
2.0
Fail
1.5
Fail
—
1.5
Fail
1.5
Fail
3.0
AA Large
2.3
Fail
1.5
Fail
—
2.3
Fail
1.3
Fail
1.0
Fail
1.5
Fail
2.3
Fail
—
White BG
4.8AA
3.6AA Large
2.4Fail
1.6Fail
3.6AA Large
Black BG
4.4AA Large
5.8AA
8.8AAA
13.3AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8C4E
6061AF
91916A
E6E534
AAA832

Deuteranopia

97A34C
5B55AC
8C8771
E9ED40
B2BC35

Tritanopia

CB4745
41A6A5
757E83
FB5961
E03C3E

Achromatopsia

666666
7B7B7B
989898
C1C1C1
7E7E7E

Shades & Tints Shades & Tints

#D33257

Dark
Light

#3D8EB9

Dark
Light

#71BA51

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d33257;
  --color-2: #3d8eb9;
  --color-3: #71ba51;
  --color-4: #fec606;
  --color-5: #e75926;
}

SCSS

$color-1: #d33257;
$color-2: #3d8eb9;
$color-3: #71ba51;
$color-4: #fec606;
$color-5: #e75926;

TAILWIND

colors: {
  'brand-1': '#d33257',
  'brand-2': '#3d8eb9',
  'brand-3': '#71ba51',
  'brand-4': '#fec606',
  'brand-5': '#e75926',
}

RGB Array

[211, 50, 87], [61, 142, 185], [113, 186, 81], [254, 198, 6], [231, 89, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #D33257, #3D8EB9, #71BA51, #FEC606, #E75926 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: #d33257; --color-2: #3d8eb9; --color-3: #71ba51; --color-4: #fec606; --color-5: #e75926. 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 minimal-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