← Back to Editor

#19191B · #BBB36A · #E1E1BD · #8BAFBF · #DCE3EB

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

#19191B

Ink Black · Black · Jet Black

HEX
#19191B
RGB
rgb(25, 25, 27)
HSL
hsl(240, 4%, 10%)
HSB
hsb(240, 7%, 11%)
CMYK
cmyk(7%, 7%, 0%, 89%)
Oklch
oklch(21.4% 0.004 286.1)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#BBB36A

Autumn Sage · Tan · Sunflower

HEX
#BBB36A
RGB
rgb(187, 179, 106)
HSL
hsl(54, 37%, 57%)
HSB
hsb(54, 43%, 73%)
CMYK
cmyk(0%, 4%, 43%, 27%)
Oklch
oklch(75.7% 0.095 102.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E1E1BD

Fresh Green · Wheat · Lemon Cream

HEX
#E1E1BD
RGB
rgb(225, 225, 189)
HSL
hsl(60, 37%, 81%)
HSB
hsb(60, 16%, 88%)
CMYK
cmyk(0%, 0%, 16%, 12%)
Oklch
oklch(90.0% 0.048 107.3)

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

#8BAFBF

Sky Blue · DarkGray · Lake Green

HEX
#8BAFBF
RGB
rgb(139, 175, 191)
HSL
hsl(198, 29%, 65%)
HSB
hsb(198, 27%, 75%)
CMYK
cmyk(27%, 8%, 0%, 25%)
Oklch
oklch(73.3% 0.045 226.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#DCE3EB

Azure · Lavender · Sky Blue

HEX
#DCE3EB
RGB
rgb(220, 227, 235)
HSL
hsl(212, 27%, 89%)
HSB
hsb(212, 6%, 92%)
CMYK
cmyk(6%, 3%, 0%, 8%)
Oklch
oklch(91.3% 0.013 251.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

19191B
1B1B18

Analogous

181A1B
19191B
1A181B

Triadic

19191B
1B1818
181B18

Split-Comp.

19191B
1B1A18
1A1B18

Tetradic

19191B
1B181A
1B1B18
181B1A

Contrast Matrix WCAG 2.1 Contrast

19191B
BBB36A
E1E1BD
8BAFBF
DCE3EB
—
8.2
AAA
13.1
AAA
7.5
AAA
13.6
AAA
8.2
AAA
—
1.6
Fail
1.1
Fail
1.7
Fail
13.1
AAA
1.6
Fail
—
1.7
Fail
1.0
Fail
7.5
AAA
1.1
Fail
1.7
Fail
—
1.8
Fail
13.6
AAA
1.7
Fail
1.0
Fail
1.8
Fail
—
White BG
17.6AAA
2.1Fail
1.3Fail
2.3Fail
1.3Fail
Black BG
1.2Fail
9.8AAA
15.7AAA
9.0AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

19191B
B8B77C
E1E1C6
9B9BBB
DFDFE9

Deuteranopia

19191A
B8B980
E1E1C8
9996BA
DFDEE9

Tritanopia

191A1A
BB8A8D
E1CDCE
8DB8B7
DCE8E7

Achromatopsia

191919
ADADAD
DDDDDD
A6A6A6
E2E2E2

Shades & Tints Shades & Tints

#19191B

Dark
Light

#BBB36A

Dark
Light

#E1E1BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #19191b;
  --color-2: #bbb36a;
  --color-3: #e1e1bd;
  --color-4: #8bafbf;
  --color-5: #dce3eb;
}

SCSS

$color-1: #19191b;
$color-2: #bbb36a;
$color-3: #e1e1bd;
$color-4: #8bafbf;
$color-5: #dce3eb;

TAILWIND

colors: {
  'brand-1': '#19191b',
  'brand-2': '#bbb36a',
  'brand-3': '#e1e1bd',
  'brand-4': '#8bafbf',
  'brand-5': '#dce3eb',
}

RGB Array

[25, 25, 27], [187, 179, 106], [225, 225, 189], [139, 175, 191], [220, 227, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #19191B, #BBB36A, #E1E1BD, #8BAFBF, #DCE3EB is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #19191b; --color-2: #bbb36a; --color-3: #e1e1bd; --color-4: #8bafbf; --color-5: #dce3eb. 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. Restrained colors convey professionalism and trust. 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