← Back to Editor

#B03759 · #DE5135 · #F27D29 · #FFB007 · #F5DB69

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

#B03759

Dark Violet · Brown · Camellia

HEX
#B03759
RGB
rgb(176, 55, 89)
HSL
hsl(343, 52%, 45%)
HSB
hsb(343, 69%, 69%)
CMYK
cmyk(0%, 69%, 49%, 31%)
Oklch
oklch(52.3% 0.158 7.5)

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

#DE5135

Vermilion · Chocolate · Passion Red

HEX
#DE5135
RGB
rgb(222, 81, 53)
HSL
hsl(10, 72%, 54%)
HSB
hsb(10, 76%, 87%)
CMYK
cmyk(0%, 64%, 76%, 13%)
Oklch
oklch(62.1% 0.182 33.1)

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

#F27D29

Tangerine · Chocolate · Warm Sun

HEX
#F27D29
RGB
rgb(242, 125, 41)
HSL
hsl(25, 89%, 55%)
HSB
hsb(25, 83%, 95%)
CMYK
cmyk(0%, 48%, 83%, 5%)
Oklch
oklch(71.1% 0.169 50.9)

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

#FFB007

Ginger · Orange · Sunflower

HEX
#FFB007
RGB
rgb(255, 176, 7)
HSL
hsl(41, 100%, 51%)
HSB
hsb(41, 97%, 100%)
CMYK
cmyk(0%, 31%, 97%, 0%)
Oklch
oklch(81.3% 0.170 76.2)

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

#F5DB69

Ginger · Khaki · Sunflower

HEX
#F5DB69
RGB
rgb(245, 219, 105)
HSL
hsl(49, 88%, 69%)
HSB
hsb(49, 57%, 96%)
CMYK
cmyk(0%, 11%, 57%, 4%)
Oklch
oklch(89.1% 0.136 96.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B03759
37AE8D

Analogous

AE3795
B03759
AE5137

Triadic

B03759
59AE37
3759AE

Split-Comp.

B03759
37AE51
3795AE

Tetradic

B03759
95AE37
37AE8D
5137AE

Contrast Matrix WCAG 2.1 Contrast

B03759
DE5135
F27D29
FFB007
F5DB69
—
1.5
Fail
2.2
Fail
3.2
AA Large
4.3
AA Large
1.5
Fail
—
1.5
Fail
2.1
Fail
2.9
Fail
2.2
Fail
1.5
Fail
—
1.5
Fail
2.0
Fail
3.2
AA Large
2.1
Fail
1.5
Fail
—
1.3
Fail
4.3
AA Large
2.9
Fail
2.0
Fail
1.3
Fail
—
White BG
5.9AA
3.9AA Large
2.7Fail
1.8Fail
1.4Fail
Black BG
3.5AA Large
5.3AA
7.7AAA
11.5AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7B51
A1A03C
BFBE3D
DDDC30
EAEA85

Deuteranopia

838C4F
A9B43D
C6CF42
E1E73A
EBED8B

Tritanopia

AA4A49
D74142
EC4D51
FB5057
F49A9F

Achromatopsia

5F5F5F
787878
969696
B4B4B4
D6D6D6

Shades & Tints Shades & Tints

#B03759

Dark
Light

#DE5135

Dark
Light

#F27D29

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b03759;
  --color-2: #de5135;
  --color-3: #f27d29;
  --color-4: #ffb007;
  --color-5: #f5db69;
}

SCSS

$color-1: #b03759;
$color-2: #de5135;
$color-3: #f27d29;
$color-4: #ffb007;
$color-5: #f5db69;

TAILWIND

colors: {
  'brand-1': '#b03759',
  'brand-2': '#de5135',
  'brand-3': '#f27d29',
  'brand-4': '#ffb007',
  'brand-5': '#f5db69',
}

RGB Array

[176, 55, 89], [222, 81, 53], [242, 125, 41], [255, 176, 7], [245, 219, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B03759, #DE5135, #F27D29, #FFB007, #F5DB69 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: #b03759; --color-2: #de5135; --color-3: #f27d29; --color-4: #ffb007; --color-5: #f5db69. 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