← Back to Editor

#2B1927 · #9D4B4F · #BA8188 · #EB9186 · #DCBF9F

cool

A 5-color cool 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

#2B1927

Rose Purple · Black · Dark Purple

HEX
#2B1927
RGB
rgb(43, 25, 39)
HSL
hsl(313, 26%, 13%)
HSB
hsb(313, 42%, 17%)
CMYK
cmyk(0%, 42%, 9%, 83%)
Oklch
oklch(24.3% 0.037 335.1)

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

#9D4B4F

Crimson · Sienna · Passion Red

HEX
#9D4B4F
RGB
rgb(157, 75, 79)
HSL
hsl(357, 35%, 45%)
HSB
hsb(357, 52%, 62%)
CMYK
cmyk(0%, 52%, 50%, 38%)
Oklch
oklch(51.7% 0.109 18.6)

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

#BA8188

Peach Pink · DarkSalmon · Coral Red

HEX
#BA8188
RGB
rgb(186, 129, 136)
HSL
hsl(353, 29%, 62%)
HSB
hsb(353, 31%, 73%)
CMYK
cmyk(0%, 31%, 27%, 27%)
Oklch
oklch(66.2% 0.071 11.1)

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

#EB9186

Peach Pink · DarkSalmon · Coral Red

HEX
#EB9186
RGB
rgb(235, 145, 134)
HSL
hsl(7, 72%, 72%)
HSB
hsb(7, 43%, 92%)
CMYK
cmyk(0%, 38%, 43%, 8%)
Oklch
oklch(74.7% 0.111 27.5)

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

#DCBF9F

Goose Yellow · Tan · Warm Sun

HEX
#DCBF9F
RGB
rgb(220, 191, 159)
HSL
hsl(31, 47%, 74%)
HSB
hsb(31, 28%, 86%)
CMYK
cmyk(0%, 13%, 28%, 14%)
Oklch
oklch(82.1% 0.054 69.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B1927
192A1C

Analogous

25192A
2B1927
2A191D

Triadic

2B1927
262A19
19262A

Split-Comp.

2B1927
1D2A19
192A25

Tetradic

2B1927
2A2519
192A1C
191D2A

Contrast Matrix WCAG 2.1 Contrast

2B1927
9D4B4F
BA8188
EB9186
DCBF9F
—
2.8
Fail
5.2
AA
7.0
AAA
9.4
AAA
2.8
Fail
—
1.9
Fail
2.5
Fail
3.4
AA Large
5.2
AA
1.9
Fail
—
1.4
Fail
1.8
Fail
7.0
AAA
2.5
Fail
1.4
Fail
—
1.3
Fail
9.4
AAA
3.4
AA Large
1.8
Fail
1.3
Fail
—
White BG
16.5AAA
5.9AA
3.2AA Large
2.4Fail
1.8Fail
Black BG
1.3Fail
3.6AA Large
6.6AA
8.9AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

232324
79794E
A1A186
C4C389
CFCFA7

Deuteranopia

242623
7E844E
A5A986
C9D089
D1D3A9

Tritanopia

2A2120
994D4D
B78585
E78B8B
DBADAE

Achromatopsia

202020
646464
939393
ABABAB
C4C4C4

Shades & Tints Shades & Tints

#2B1927

Dark
Light

#9D4B4F

Dark
Light

#BA8188

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b1927;
  --color-2: #9d4b4f;
  --color-3: #ba8188;
  --color-4: #eb9186;
  --color-5: #dcbf9f;
}

SCSS

$color-1: #2b1927;
$color-2: #9d4b4f;
$color-3: #ba8188;
$color-4: #eb9186;
$color-5: #dcbf9f;

TAILWIND

colors: {
  'brand-1': '#2b1927',
  'brand-2': '#9d4b4f',
  'brand-3': '#ba8188',
  'brand-4': '#eb9186',
  'brand-5': '#dcbf9f',
}

RGB Array

[43, 25, 39], [157, 75, 79], [186, 129, 136], [235, 145, 134], [220, 191, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #2B1927, #9D4B4F, #BA8188, #EB9186, #DCBF9F 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: #2b1927; --color-2: #9d4b4f; --color-3: #ba8188; --color-4: #eb9186; --color-5: #dcbf9f. 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 cool-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