← Back to Editor

#261C25 · #C71468 · #D16864 · #C2966F · #B2C279

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#261C25

Rose Purple · Black · Dark Purple

HEX
#261C25
RGB
rgb(38, 28, 37)
HSL
hsl(306, 15%, 13%)
HSB
hsb(306, 26%, 15%)
CMYK
cmyk(0%, 26%, 3%, 85%)
Oklch
oklch(24.2% 0.022 329.6)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#C71468

Dark Violet · MediumVioletRed · Camellia

HEX
#C71468
RGB
rgb(199, 20, 104)
HSL
hsl(332, 82%, 43%)
HSB
hsb(332, 90%, 78%)
CMYK
cmyk(0%, 90%, 48%, 22%)
Oklch
oklch(54.3% 0.211 1.0)

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

#D16864

Peach Pink · LightCoral · Coral Red

HEX
#D16864
RGB
rgb(209, 104, 100)
HSL
hsl(2, 54%, 61%)
HSB
hsb(2, 52%, 82%)
CMYK
cmyk(0%, 50%, 52%, 18%)
Oklch
oklch(64.0% 0.134 23.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C2966F

Tangerine · DarkSalmon · Warm Sun

HEX
#C2966F
RGB
rgb(194, 150, 111)
HSL
hsl(28, 40%, 60%)
HSB
hsb(28, 43%, 76%)
CMYK
cmyk(0%, 23%, 43%, 24%)
Oklch
oklch(70.5% 0.075 62.7)

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

#B2C279

Willow Green · Tan · Apple Green

HEX
#B2C279
RGB
rgb(178, 194, 121)
HSL
hsl(73, 37%, 62%)
HSB
hsb(73, 38%, 76%)
CMYK
cmyk(8%, 0%, 38%, 24%)
Oklch
oklch(78.5% 0.098 118.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

261C25
1C261D

Analogous

221C26
261C25
261C20

Triadic

261C25
25261C
1C2526

Split-Comp.

261C25
20261C
1C2622

Tetradic

261C25
26221C
1C261D
1C2026

Contrast Matrix WCAG 2.1 Contrast

261C25
C71468
D16864
C2966F
B2C279
—
2.9
Fail
4.6
AA
6.2
AA
8.5
AAA
2.9
Fail
—
1.6
Fail
2.1
Fail
2.9
Fail
4.6
AA
1.6
Fail
—
1.3
Fail
1.9
Fail
6.2
AA
2.1
Fail
1.3
Fail
—
1.4
Fail
8.5
AAA
2.9
Fail
1.9
Fail
1.4
Fail
—
White BG
16.5AAA
5.6AA
3.6AA Large
2.7Fail
1.9Fail
Black BG
1.3Fail
3.7AA Large
5.9AA
7.9AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

222223
797854
A4A365
AFAF78
B9B98B

Deuteranopia

222322
84914F
AAB165
B2B57B
B8B78F

Tritanopia

262121
BE4440
CC6666
C08082
B3999C

Achromatopsia

202020
535353
878787
9F9F9F
B5B5B5

Shades & Tints Shades & Tints

#261C25

Dark
Light

#C71468

Dark
Light

#D16864

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #261c25;
  --color-2: #c71468;
  --color-3: #d16864;
  --color-4: #c2966f;
  --color-5: #b2c279;
}

SCSS

$color-1: #261c25;
$color-2: #c71468;
$color-3: #d16864;
$color-4: #c2966f;
$color-5: #b2c279;

TAILWIND

colors: {
  'brand-1': '#261c25',
  'brand-2': '#c71468',
  'brand-3': '#d16864',
  'brand-4': '#c2966f',
  'brand-5': '#b2c279',
}

RGB Array

[38, 28, 37], [199, 20, 104], [209, 104, 100], [194, 150, 111], [178, 194, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #261C25, #C71468, #D16864, #C2966F, #B2C279 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #261c25; --color-2: #c71468; --color-3: #d16864; --color-4: #c2966f; --color-5: #b2c279. 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 tech, SaaS, healthcare, eco industries. 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