← Back to Editor

#1B213F · #0A041C · #969990 · #92B8AF · #F1E9DB

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

#1B213F

Indigo · MidnightBlue · Deep Sea Blue

HEX
#1B213F
RGB
rgb(27, 33, 63)
HSL
hsl(230, 40%, 18%)
HSB
hsb(230, 57%, 25%)
CMYK
cmyk(57%, 48%, 0%, 75%)
Oklch
oklch(25.9% 0.057 273.3)

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

#0A041C

Deep Indigo · Black · Deep Sea Blue

HEX
#0A041C
RGB
rgb(10, 4, 28)
HSL
hsl(255, 75%, 6%)
HSB
hsb(255, 86%, 11%)
CMYK
cmyk(64%, 86%, 0%, 89%)
Oklch
oklch(13.8% 0.052 291.8)

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

#969990

Ash · DarkGray · Silver Sand

HEX
#969990
RGB
rgb(150, 153, 144)
HSL
hsl(80, 4%, 58%)
HSB
hsb(80, 6%, 60%)
CMYK
cmyk(2%, 0%, 6%, 40%)
Oklch
oklch(67.8% 0.013 121.8)

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

#92B8AF

Jade · DarkGray · Lake Green

HEX
#92B8AF
RGB
rgb(146, 184, 175)
HSL
hsl(166, 21%, 65%)
HSB
hsb(166, 21%, 72%)
CMYK
cmyk(21%, 0%, 5%, 28%)
Oklch
oklch(75.2% 0.043 179.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#F1E9DB

Goose Yellow · Beige · Peach Orange

HEX
#F1E9DB
RGB
rgb(241, 233, 219)
HSL
hsl(38, 44%, 90%)
HSB
hsb(38, 9%, 95%)
CMYK
cmyk(0%, 3%, 9%, 5%)
Oklch
oklch(93.7% 0.021 81.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B213F
403A1C

Analogous

1C3440
1B213F
281C40

Triadic

1B213F
401C22
22401C

Split-Comp.

1B213F
40281C
34401C

Tetradic

1B213F
401C34
403A1C
1C4028

Contrast Matrix WCAG 2.1 Contrast

1B213F
0A041C
969990
92B8AF
F1E9DB
—
1.3
Fail
5.4
AA
7.3
AAA
13.0
AAA
1.3
Fail
—
6.9
AA
9.3
AAA
16.6
AAA
5.4
AA
6.9
AA
—
1.3
Fail
2.4
Fail
7.3
AAA
9.3
AAA
1.3
Fail
—
1.8
Fail
13.0
AAA
16.6
AAA
2.4
Fail
1.8
Fail
—
White BG
15.7AAA
20.1AAA
2.9Fail
2.2Fail
1.2Fail
Black BG
1.3Fail
1.0Fail
7.3AAA
9.7AAA
17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1E38
070716
979792
A2A3B1
EEEDDE

Deuteranopia

1D1D36
080815
979793
A09DB2
EEEFDF

Tritanopia

1B3231
0A1211
969494
94B3B3
F1E1E2

Achromatopsia

232323
090909
979797
ACACAC
EAEAEA

Shades & Tints Shades & Tints

#1B213F

Dark
Light

#0A041C

Dark
Light

#969990

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b213f;
  --color-2: #0a041c;
  --color-3: #969990;
  --color-4: #92b8af;
  --color-5: #f1e9db;
}

SCSS

$color-1: #1b213f;
$color-2: #0a041c;
$color-3: #969990;
$color-4: #92b8af;
$color-5: #f1e9db;

TAILWIND

colors: {
  'brand-1': '#1b213f',
  'brand-2': '#0a041c',
  'brand-3': '#969990',
  'brand-4': '#92b8af',
  'brand-5': '#f1e9db',
}

RGB Array

[27, 33, 63], [10, 4, 28], [150, 153, 144], [146, 184, 175], [241, 233, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1B213F, #0A041C, #969990, #92B8AF, #F1E9DB 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: #1b213f; --color-2: #0a041c; --color-3: #969990; --color-4: #92b8af; --color-5: #f1e9db. 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