← Back to Editor

#BF5D5C · #942F5E · #611E49 · #381A45 · #06273B

warm

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

#BF5D5C

Crimson · Sienna · Passion Red

HEX
#BF5D5C
RGB
rgb(191, 93, 92)
HSL
hsl(1, 44%, 55%)
HSB
hsb(1, 52%, 75%)
CMYK
cmyk(0%, 51%, 52%, 25%)
Oklch
oklch(59.7% 0.126 22.2)

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

#942F5E

Dark Violet · Brown · Camellia

HEX
#942F5E
RGB
rgb(148, 47, 94)
HSL
hsl(332, 52%, 38%)
HSB
hsb(332, 68%, 58%)
CMYK
cmyk(0%, 68%, 36%, 42%)
Oklch
oklch(46.9% 0.143 355.4)

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

#611E49

Rose Purple · Purple · Raspberry

HEX
#611E49
RGB
rgb(97, 30, 73)
HSL
hsl(321, 53%, 25%)
HSB
hsb(321, 69%, 38%)
CMYK
cmyk(0%, 69%, 25%, 62%)
Oklch
oklch(35.5% 0.110 344.7)

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

#381A45

Dark Plum · MidnightBlue · Dark Purple

HEX
#381A45
RGB
rgb(56, 26, 69)
HSL
hsl(282, 45%, 19%)
HSB
hsb(282, 62%, 27%)
CMYK
cmyk(19%, 62%, 0%, 73%)
Oklch
oklch(28.2% 0.083 314.6)

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

#06273B

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#06273B
RGB
rgb(6, 39, 59)
HSL
hsl(203, 82%, 13%)
HSB
hsb(203, 90%, 23%)
CMYK
cmyk(90%, 34%, 0%, 77%)
Oklch
oklch(26.1% 0.053 240.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BF5D5C
5ABDBF

Analogous

BF5A8B
BF5D5C
BF8E5A

Triadic

BF5D5C
5ABF5B
5B5ABF

Split-Comp.

BF5D5C
5ABF8E
5A8BBF

Tetradic

BF5D5C
8BBF5A
5ABDBF
8E5ABF

Contrast Matrix WCAG 2.1 Contrast

BF5D5C
942F5E
611E49
381A45
06273B
—
1.7
Fail
2.8
Fail
3.5
AA Large
3.6
AA Large
1.7
Fail
—
1.6
Fail
2.0
Fail
2.1
Fail
2.8
Fail
1.6
Fail
—
1.3
Fail
1.3
Fail
3.5
AA Large
2.0
Fail
1.3
Fail
—
1.0
Fail
3.6
AA Large
2.1
Fail
1.3
Fail
1.0
Fail
—
White BG
4.3AA Large
7.4AAA
11.7AAA
15.0AAA
15.4AAA
Black BG
4.9AA
2.8Fail
1.8Fail
1.4Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

95945C
686753
44433F
2B2B3B
141536

Deuteranopia

9AA25C
6E7650
484D3C
2D2F38
121035

Tritanopia

BA5C5C
8F4A48
5E3635
363231
083232

Achromatopsia

7A7A7A
535353
373737
282828
1F1F1F

Shades & Tints Shades & Tints

#BF5D5C

Dark
Light

#942F5E

Dark
Light

#611E49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bf5d5c;
  --color-2: #942f5e;
  --color-3: #611e49;
  --color-4: #381a45;
  --color-5: #06273b;
}

SCSS

$color-1: #bf5d5c;
$color-2: #942f5e;
$color-3: #611e49;
$color-4: #381a45;
$color-5: #06273b;

TAILWIND

colors: {
  'brand-1': '#bf5d5c',
  'brand-2': '#942f5e',
  'brand-3': '#611e49',
  'brand-4': '#381a45',
  'brand-5': '#06273b',
}

RGB Array

[191, 93, 92], [148, 47, 94], [97, 30, 73], [56, 26, 69], [6, 39, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #BF5D5C, #942F5E, #611E49, #381A45, #06273B is ideal for: tech websites, dark mode UIs, game UIs, 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: #bf5d5c; --color-2: #942f5e; --color-3: #611e49; --color-4: #381a45; --color-5: #06273b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 warm-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