← Back to Editor

#23101A · #905E48 · #B5D1F8 · #D1AB4E · #7F612E

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

#23101A

Rose Purple · Black · Raspberry

HEX
#23101A
RGB
rgb(35, 16, 26)
HSL
hsl(328, 37%, 10%)
HSB
hsb(328, 54%, 14%)
CMYK
cmyk(0%, 54%, 26%, 86%)
Oklch
oklch(20.5% 0.036 347.9)

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

#905E48

Tangerine · Sienna · Amber Brown

HEX
#905E48
RGB
rgb(144, 94, 72)
HSL
hsl(18, 33%, 42%)
HSB
hsb(18, 50%, 56%)
CMYK
cmyk(0%, 35%, 50%, 44%)
Oklch
oklch(53.1% 0.074 44.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#B5D1F8

Azure · LightBlue · Sky Blue

HEX
#B5D1F8
RGB
rgb(181, 209, 248)
HSL
hsl(215, 83%, 84%)
HSB
hsb(215, 27%, 97%)
CMYK
cmyk(27%, 16%, 0%, 3%)
Oklch
oklch(85.3% 0.062 256.7)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#D1AB4E

Ginger · SandyBrown · Sunflower

HEX
#D1AB4E
RGB
rgb(209, 171, 78)
HSL
hsl(43, 59%, 56%)
HSB
hsb(43, 63%, 82%)
CMYK
cmyk(0%, 18%, 63%, 18%)
Oklch
oklch(75.7% 0.120 86.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#7F612E

Ochre · Sienna · Amber Brown

HEX
#7F612E
RGB
rgb(127, 97, 46)
HSL
hsl(38, 47%, 34%)
HSB
hsb(38, 64%, 50%)
CMYK
cmyk(0%, 24%, 64%, 50%)
Oklch
oklch(51.2% 0.078 78.7)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

23101A
102319

Analogous

221023
23101A
231011

Triadic

23101A
1A2310
101A23

Split-Comp.

23101A
112310
102322

Tetradic

23101A
232210
102319
101123

Contrast Matrix WCAG 2.1 Contrast

23101A
905E48
B5D1F8
D1AB4E
7F612E
—
3.3
AA Large
11.6
AAA
8.3
AAA
3.1
AA Large
3.3
AA Large
—
3.5
AA Large
2.5
Fail
1.1
Fail
11.6
AAA
3.5
AA Large
—
1.4
Fail
3.7
AA Large
8.3
AAA
2.5
Fail
1.4
Fail
—
2.6
Fail
3.1
AA Large
1.1
Fail
3.7
AA Large
2.6
Fail
—
White BG
18.1AAA
5.4AA
1.6Fail
2.2Fail
5.8AA
Black BG
1.2Fail
3.9AA Large
13.4AAA
9.6AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B18
7A7A4D
C1C1EF
C1C065
72723A

Deuteranopia

1C1D17
7D814F
C0BDEC
C3C66A
74763D

Tritanopia

221615
8D5252
B6E7E5
CF767A
7D4446

Achromatopsia

171717
6A6A6A
CDCDCD
ACACAC
646464

Shades & Tints Shades & Tints

#23101A

Dark
Light

#905E48

Dark
Light

#B5D1F8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #23101a;
  --color-2: #905e48;
  --color-3: #b5d1f8;
  --color-4: #d1ab4e;
  --color-5: #7f612e;
}

SCSS

$color-1: #23101a;
$color-2: #905e48;
$color-3: #b5d1f8;
$color-4: #d1ab4e;
$color-5: #7f612e;

TAILWIND

colors: {
  'brand-1': '#23101a',
  'brand-2': '#905e48',
  'brand-3': '#b5d1f8',
  'brand-4': '#d1ab4e',
  'brand-5': '#7f612e',
}

RGB Array

[35, 16, 26], [144, 94, 72], [181, 209, 248], [209, 171, 78], [127, 97, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #23101A, #905E48, #B5D1F8, #D1AB4E, #7F612E 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: #23101a; --color-2: #905e48; --color-3: #b5d1f8; --color-4: #d1ab4e; --color-5: #7f612e. 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