← Back to Editor

#B3A8A4 · #70615A · #010B17 · #FFFFF8 · #9399A5

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

#B3A8A4

Apricot · DarkGray · Silver Sand

HEX
#B3A8A4
RGB
rgb(179, 168, 164)
HSL
hsl(16, 9%, 67%)
HSB
hsb(16, 8%, 70%)
CMYK
cmyk(0%, 6%, 8%, 30%)
Oklch
oklch(74.0% 0.014 41.2)

Traditional「Apricot」· Paint「Silver Sand」· Creative Urban Concrete

#70615A

Tangerine · DimGray · Amber Brown

HEX
#70615A
RGB
rgb(112, 97, 90)
HSL
hsl(19, 11%, 40%)
HSB
hsb(19, 20%, 44%)
CMYK
cmyk(0%, 13%, 20%, 56%)
Oklch
oklch(50.5% 0.022 46.6)

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

#010B17

Indigo · Black · Deep Sea Blue

HEX
#010B17
RGB
rgb(1, 11, 23)
HSL
hsl(213, 92%, 5%)
HSB
hsb(213, 96%, 9%)
CMYK
cmyk(96%, 52%, 0%, 91%)
Oklch
oklch(14.5% 0.033 246.3)

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

#FFFFF8

Fresh Green · Snow · Lemon Cream

HEX
#FFFFF8
RGB
rgb(255, 255, 248)
HSL
hsl(60, 100%, 99%)
HSB
hsb(60, 3%, 100%)
CMYK
cmyk(0%, 0%, 3%, 0%)
Oklch
oklch(99.8% 0.009 106.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#9399A5

Azure · DarkGray · Silver Sand

HEX
#9399A5
RGB
rgb(147, 153, 165)
HSL
hsl(220, 9%, 61%)
HSB
hsb(220, 11%, 65%)
CMYK
cmyk(11%, 7%, 0%, 35%)
Oklch
oklch(68.2% 0.019 264.4)

Traditional「Azure」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3A8A4
A3AEB2

Analogous

B2A3A7
B3A8A4
B2AFA3

Triadic

B3A8A4
A3B2A7
A7A3B2

Split-Comp.

B3A8A4
A3B2AF
A3A7B2

Tetradic

B3A8A4
A7B2A3
A3AEB2
AFA3B2

Contrast Matrix WCAG 2.1 Contrast

B3A8A4
70615A
010B17
FFFFF8
9399A5
—
2.6
Fail
8.5
AAA
2.3
Fail
1.2
Fail
2.6
Fail
—
3.3
AA Large
5.9
AA
2.1
Fail
8.5
AAA
3.3
AA Large
—
19.7
AAA
6.9
AA
2.3
Fail
5.9
AA
19.7
AAA
—
2.8
Fail
1.2
Fail
2.1
Fail
6.9
AA
2.8
Fail
—
White BG
2.3Fail
5.9AA
19.8AAA
1.0Fail
2.9Fail
Black BG
9.1AAA
3.5AA Large
1.1Fail
20.9AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAEA5
6A695C
050514
FFFFFA
9696A2

Deuteranopia

AFB0A5
6A6B5C
050413
FFFFFA
9595A1

Tritanopia

B2A6A6
6F5D5D
021211
FFFBFB
93A09F

Achromatopsia

ABABAB
656565
090909
FEFEFE
999999

Shades & Tints Shades & Tints

#B3A8A4

Dark
Light

#70615A

Dark
Light

#010B17

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3a8a4;
  --color-2: #70615a;
  --color-3: #010b17;
  --color-4: #fffff8;
  --color-5: #9399a5;
}

SCSS

$color-1: #b3a8a4;
$color-2: #70615a;
$color-3: #010b17;
$color-4: #fffff8;
$color-5: #9399a5;

TAILWIND

colors: {
  'brand-1': '#b3a8a4',
  'brand-2': '#70615a',
  'brand-3': '#010b17',
  'brand-4': '#fffff8',
  'brand-5': '#9399a5',
}

RGB Array

[179, 168, 164], [112, 97, 90], [1, 11, 23], [255, 255, 248], [147, 153, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B3A8A4, #70615A, #010B17, #FFFFF8, #9399A5 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: #b3a8a4; --color-2: #70615a; --color-3: #010b17; --color-4: #fffff8; --color-5: #9399a5. 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