← Back to Editor

#6B2C35 · #F05C36 · #FFC051 · #F8F2BE · #ACE28E

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

#6B2C35

Crimson · Brown · Wine Red

HEX
#6B2C35
RGB
rgb(107, 44, 53)
HSL
hsl(351, 42%, 30%)
HSB
hsb(351, 59%, 42%)
CMYK
cmyk(0%, 59%, 50%, 58%)
Oklch
oklch(38.4% 0.090 13.6)

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

#F05C36

Vermilion · Tomato · Passion Red

HEX
#F05C36
RGB
rgb(240, 92, 54)
HSL
hsl(12, 86%, 58%)
HSB
hsb(12, 78%, 94%)
CMYK
cmyk(0%, 62%, 78%, 6%)
Oklch
oklch(66.3% 0.190 35.3)

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

#FFC051

Ginger · SandyBrown · Warm Sun

HEX
#FFC051
RGB
rgb(255, 192, 81)
HSL
hsl(38, 100%, 66%)
HSB
hsb(38, 68%, 100%)
CMYK
cmyk(0%, 25%, 68%, 0%)
Oklch
oklch(84.6% 0.144 78.6)

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

#F8F2BE

Fresh Green · Bisque · Lemon Cream

HEX
#F8F2BE
RGB
rgb(248, 242, 190)
HSL
hsl(54, 81%, 86%)
HSB
hsb(54, 23%, 97%)
CMYK
cmyk(0%, 2%, 23%, 3%)
Oklch
oklch(95.3% 0.067 102.1)

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

#ACE28E

Emerald · LightGreen · Apple Green

HEX
#ACE28E
RGB
rgb(172, 226, 142)
HSL
hsl(99, 59%, 72%)
HSB
hsb(99, 37%, 89%)
CMYK
cmyk(24%, 0%, 37%, 11%)
Oklch
oklch(85.5% 0.125 135.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B2C35
2C6D63

Analogous

6D2C56
6B2C35
6D432C

Triadic

6B2C35
366D2C
2C366D

Split-Comp.

6B2C35
2C6D43
2C566D

Tetradic

6B2C35
566D2C
2C6D63
432C6D

Contrast Matrix WCAG 2.1 Contrast

6B2C35
F05C36
FFC051
F8F2BE
ACE28E
—
3.1
AA Large
6.3
AA
9.1
AAA
6.9
AA
3.1
AA Large
—
2.1
Fail
2.9
Fail
2.2
Fail
6.3
AA
2.1
Fail
—
1.4
Fail
1.1
Fail
9.1
AAA
2.9
Fail
1.4
Fail
—
1.3
Fail
6.9
AA
2.2
Fail
1.1
Fail
1.3
Fail
—
White BG
10.3AAA
3.3AA Large
1.6Fail
1.1Fail
1.5Fail
Black BG
2.0Fail
6.3AA
12.9AAA
18.4AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

504F33
B0AF3F
E4E36C
F5F5CB
C3C4A2

Deuteranopia

535832
B9C441
E7EC72
F6F6CE
C0BCA7

Tritanopia

683131
E94648
FC8186
F8D5D7
AFB2B6

Achromatopsia

404040
848484
C6C6C6
EEEEEE
C8C8C8

Shades & Tints Shades & Tints

#6B2C35

Dark
Light

#F05C36

Dark
Light

#FFC051

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b2c35;
  --color-2: #f05c36;
  --color-3: #ffc051;
  --color-4: #f8f2be;
  --color-5: #ace28e;
}

SCSS

$color-1: #6b2c35;
$color-2: #f05c36;
$color-3: #ffc051;
$color-4: #f8f2be;
$color-5: #ace28e;

TAILWIND

colors: {
  'brand-1': '#6b2c35',
  'brand-2': '#f05c36',
  'brand-3': '#ffc051',
  'brand-4': '#f8f2be',
  'brand-5': '#ace28e',
}

RGB Array

[107, 44, 53], [240, 92, 54], [255, 192, 81], [248, 242, 190], [172, 226, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6B2C35, #F05C36, #FFC051, #F8F2BE, #ACE28E 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: #6b2c35; --color-2: #f05c36; --color-3: #ffc051; --color-4: #f8f2be; --color-5: #ace28e. 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