← Back to Editor

#261A1E · #C84C4A · #F995A1 · #113243 · #FFEFB0

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

#261A1E

Dark Violet · Black · Raspberry

HEX
#261A1E
RGB
rgb(38, 26, 30)
HSL
hsl(340, 19%, 13%)
HSB
hsb(340, 32%, 15%)
CMYK
cmyk(0%, 32%, 21%, 85%)
Oklch
oklch(23.4% 0.020 357.0)

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

#C84C4A

Crimson · Sienna · Passion Red

HEX
#C84C4A
RGB
rgb(200, 76, 74)
HSL
hsl(1, 53%, 54%)
HSB
hsb(1, 63%, 78%)
CMYK
cmyk(0%, 62%, 63%, 22%)
Oklch
oklch(58.3% 0.159 24.3)

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

#F995A1

Peach Pink · LightCoral · Coral Red

HEX
#F995A1
RGB
rgb(249, 149, 161)
HSL
hsl(353, 89%, 78%)
HSB
hsb(353, 40%, 98%)
CMYK
cmyk(0%, 40%, 35%, 2%)
Oklch
oklch(77.7% 0.121 12.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#113243

Lake Blue · DarkSlateGray · Deep Sea Blue

HEX
#113243
RGB
rgb(17, 50, 67)
HSL
hsl(200, 60%, 16%)
HSB
hsb(200, 75%, 26%)
CMYK
cmyk(75%, 25%, 0%, 74%)
Oklch
oklch(30.1% 0.049 234.2)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#FFEFB0

Goose Yellow · Wheat · Lemon Cream

HEX
#FFEFB0
RGB
rgb(255, 239, 176)
HSL
hsl(48, 100%, 85%)
HSB
hsb(48, 31%, 100%)
CMYK
cmyk(0%, 6%, 31%, 0%)
Oklch
oklch(95.0% 0.082 95.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

261A1E
1B2723

Analogous

271B25
261A1E
271D1B

Triadic

261A1E
1F271B
1B1F27

Split-Comp.

261A1E
1B271D
1B2527

Tetradic

261A1E
25271B
1B2723
1D1B27

Contrast Matrix WCAG 2.1 Contrast

261A1E
C84C4A
F995A1
113243
FFEFB0
—
3.7
AA Large
7.9
AAA
1.2
Fail
14.6
AAA
3.7
AA Large
—
2.1
Fail
2.9
Fail
4.0
AA Large
7.9
AAA
2.1
Fail
—
6.3
AA
1.9
Fail
1.2
Fail
2.9
Fail
6.3
AA
—
11.7
AAA
14.6
AAA
4.0
AA Large
1.9
Fail
11.7
AAA
—
White BG
16.8AAA
4.6AA
2.1Fail
13.5AAA
1.2Fail
Black BG
1.2Fail
4.6AA
9.8AAA
1.6Fail
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

21211D
92914A
CECD9E
1F203F
F8F8BF

Deuteranopia

22221D
9AA34B
D4DB9D
1D1B3E
F9FAC3

Tritanopia

251C1C
C24B4B
F49C9B
133C3B
FECBCE

Achromatopsia

1E1E1E
717171
B4B4B4
2A2A2A
EDEDED

Shades & Tints Shades & Tints

#261A1E

Dark
Light

#C84C4A

Dark
Light

#F995A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #261a1e;
  --color-2: #c84c4a;
  --color-3: #f995a1;
  --color-4: #113243;
  --color-5: #ffefb0;
}

SCSS

$color-1: #261a1e;
$color-2: #c84c4a;
$color-3: #f995a1;
$color-4: #113243;
$color-5: #ffefb0;

TAILWIND

colors: {
  'brand-1': '#261a1e',
  'brand-2': '#c84c4a',
  'brand-3': '#f995a1',
  'brand-4': '#113243',
  'brand-5': '#ffefb0',
}

RGB Array

[38, 26, 30], [200, 76, 74], [249, 149, 161], [17, 50, 67], [255, 239, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #261A1E, #C84C4A, #F995A1, #113243, #FFEFB0 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: #261a1e; --color-2: #c84c4a; --color-3: #f995a1; --color-4: #113243; --color-5: #ffefb0. 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