← Back to Editor

#260F10 · #FFB5B8 · #3B3232 · #B1C9BE · #543434

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#260F10

Crimson · Black · Deep Berry

HEX
#260F10
RGB
rgb(38, 15, 16)
HSL
hsl(357, 43%, 10%)
HSB
hsb(357, 61%, 15%)
CMYK
cmyk(0%, 61%, 58%, 85%)
Oklch
oklch(20.4% 0.039 18.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#FFB5B8

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB5B8
RGB
rgb(255, 181, 184)
HSL
hsl(358, 100%, 85%)
HSB
hsb(358, 29%, 100%)
CMYK
cmyk(0%, 29%, 28%, 0%)
Oklch
oklch(84.3% 0.086 16.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#3B3232

Crimson · DarkSlateGray · Dark Stone

HEX
#3B3232
RGB
rgb(59, 50, 50)
HSL
hsl(0, 8%, 21%)
HSB
hsb(0, 15%, 23%)
CMYK
cmyk(0%, 15%, 15%, 77%)
Oklch
oklch(32.7% 0.013 17.8)

Traditional「Crimson」· Paint「Dark Stone」· Creative Midnight Shadow

#B1C9BE

Jade · Silver · Apple Green

HEX
#B1C9BE
RGB
rgb(177, 201, 190)
HSL
hsl(153, 18%, 74%)
HSB
hsb(153, 12%, 79%)
CMYK
cmyk(12%, 0%, 5%, 21%)
Oklch
oklch(81.5% 0.030 166.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#543434

Crimson · DarkSlateGray · Wine Red

HEX
#543434
RGB
rgb(84, 52, 52)
HSL
hsl(0, 24%, 27%)
HSB
hsb(0, 38%, 33%)
CMYK
cmyk(0%, 38%, 38%, 67%)
Oklch
oklch(36.4% 0.046 19.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

260F10
0F2423

Analogous

240F1B
260F10
24180F

Triadic

260F10
10240F
0F1024

Split-Comp.

260F10
0F2418
0F1B24

Tetradic

260F10
1B240F
0F2423
180F24

Contrast Matrix WCAG 2.1 Contrast

260F10
FFB5B8
3B3232
B1C9BE
543434
—
10.8
AAA
1.5
Fail
10.3
AAA
1.7
Fail
10.8
AAA
—
7.4
AAA
1.0
Fail
6.5
AA
1.5
Fail
7.4
AAA
—
7.1
AAA
1.1
Fail
10.3
AAA
1.0
Fail
7.1
AAA
—
6.2
AA
1.7
Fail
6.5
AA
1.1
Fail
6.2
AA
—
White BG
18.1AAA
1.7Fail
12.4AAA
1.8Fail
11.0AAA
Black BG
1.2Fail
12.6AAA
1.7Fail
12.0AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C10
DFDEB7
373732
BBBCC1
464634

Deuteranopia

1D1F10
E3E9B7
383832
BAB8C1
484A34

Tritanopia

251010
FBB7B7
3B3232
B2C3C3
523434

Achromatopsia

161616
CBCBCB
353535
C1C1C1
3E3E3E

Shades & Tints Shades & Tints

#260F10

Dark
Light

#FFB5B8

Dark
Light

#3B3232

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #260f10;
  --color-2: #ffb5b8;
  --color-3: #3b3232;
  --color-4: #b1c9be;
  --color-5: #543434;
}

SCSS

$color-1: #260f10;
$color-2: #ffb5b8;
$color-3: #3b3232;
$color-4: #b1c9be;
$color-5: #543434;

TAILWIND

colors: {
  'brand-1': '#260f10',
  'brand-2': '#ffb5b8',
  'brand-3': '#3b3232',
  'brand-4': '#b1c9be',
  'brand-5': '#543434',
}

RGB Array

[38, 15, 16], [255, 181, 184], [59, 50, 50], [177, 201, 190], [84, 52, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #260F10, #FFB5B8, #3B3232, #B1C9BE, #543434 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: #260f10; --color-2: #ffb5b8; --color-3: #3b3232; --color-4: #b1c9be; --color-5: #543434. 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