← Back to Editor

#C4123B · #FC6938 · #F5CA73 · #B5A769 · #4E6957

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

#C4123B

Vermilion · Crimson · Passion Red

HEX
#C4123B
RGB
rgb(196, 18, 59)
HSL
hsl(346, 83%, 42%)
HSB
hsb(346, 91%, 77%)
CMYK
cmyk(0%, 91%, 70%, 23%)
Oklch
oklch(52.5% 0.203 18.0)

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

#FC6938

Tangerine · Tomato · Warm Sun

HEX
#FC6938
RGB
rgb(252, 105, 56)
HSL
hsl(15, 97%, 60%)
HSB
hsb(15, 78%, 99%)
CMYK
cmyk(0%, 58%, 78%, 1%)
Oklch
oklch(69.8% 0.191 38.2)

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

#F5CA73

Goose Yellow · BurlyWood · Sunflower

HEX
#F5CA73
RGB
rgb(245, 202, 115)
HSL
hsl(40, 87%, 71%)
HSB
hsb(40, 53%, 96%)
CMYK
cmyk(0%, 18%, 53%, 4%)
Oklch
oklch(85.9% 0.116 83.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#B5A769

Ginger · Tan · Sunflower

HEX
#B5A769
RGB
rgb(181, 167, 105)
HSL
hsl(49, 34%, 56%)
HSB
hsb(49, 42%, 71%)
CMYK
cmyk(0%, 8%, 42%, 29%)
Oklch
oklch(72.6% 0.083 97.0)

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

#4E6957

Celadon · DimGray · Forest Green

HEX
#4E6957
RGB
rgb(78, 105, 87)
HSL
hsl(140, 15%, 36%)
HSB
hsb(140, 26%, 41%)
CMYK
cmyk(26%, 0%, 17%, 59%)
Oklch
oklch(49.4% 0.043 155.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4123B
12C49B

Analogous

C41295
C4123B
C44212

Triadic

C4123B
3CC412
123CC4

Split-Comp.

C4123B
12C442
1295C4

Tetradic

C4123B
95C412
12C49B
4212C4

Contrast Matrix WCAG 2.1 Contrast

C4123B
FC6938
F5CA73
B5A769
4E6957
—
2.1
Fail
3.9
AA Large
2.5
Fail
1.0
Fail
2.1
Fail
—
1.9
Fail
1.2
Fail
2.1
Fail
3.9
AA Large
1.9
Fail
—
1.6
Fail
3.9
AA Large
2.5
Fail
1.2
Fail
1.6
Fail
—
2.5
Fail
1.0
Fail
2.1
Fail
3.9
AA Large
2.5
Fail
—
White BG
6.0AA
2.9Fail
1.5Fail
2.4Fail
6.0AA
Black BG
3.5AA Large
7.2AAA
13.6AAA
8.7AAA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

777531
BCBB44
E2E288
AFAF78
5A5A5B

Deuteranopia

818F2F
C5D047
E5E88D
B0B17C
58565C

Tritanopia

BB2928
F54D4F
F3999C
B48486
4F5F60

Achromatopsia

4C4C4C
8F8F8F
CDCDCD
A4A4A4
5F5F5F

Shades & Tints Shades & Tints

#C4123B

Dark
Light

#FC6938

Dark
Light

#F5CA73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4123b;
  --color-2: #fc6938;
  --color-3: #f5ca73;
  --color-4: #b5a769;
  --color-5: #4e6957;
}

SCSS

$color-1: #c4123b;
$color-2: #fc6938;
$color-3: #f5ca73;
$color-4: #b5a769;
$color-5: #4e6957;

TAILWIND

colors: {
  'brand-1': '#c4123b',
  'brand-2': '#fc6938',
  'brand-3': '#f5ca73',
  'brand-4': '#b5a769',
  'brand-5': '#4e6957',
}

RGB Array

[196, 18, 59], [252, 105, 56], [245, 202, 115], [181, 167, 105], [78, 105, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C4123B, #FC6938, #F5CA73, #B5A769, #4E6957 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: #c4123b; --color-2: #fc6938; --color-3: #f5ca73; --color-4: #b5a769; --color-5: #4e6957. 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