← Back to Editor

#082A4D · #9FB3B3 · #D8C0A8 · #787878 · #B7C7C7

space

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

#082A4D

Indigo · MidnightBlue · Deep Sea Blue

HEX
#082A4D
RGB
rgb(8, 42, 77)
HSL
hsl(210, 81%, 17%)
HSB
hsb(210, 90%, 30%)
CMYK
cmyk(90%, 45%, 0%, 70%)
Oklch
oklch(28.3% 0.075 252.8)

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

#9FB3B3

Sky Blue · DarkGray · Lake Green

HEX
#9FB3B3
RGB
rgb(159, 179, 179)
HSL
hsl(180, 12%, 66%)
HSB
hsb(180, 11%, 70%)
CMYK
cmyk(11%, 0%, 0%, 30%)
Oklch
oklch(75.1% 0.022 196.7)

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

#D8C0A8

Goose Yellow · Tan · Warm Sun

HEX
#D8C0A8
RGB
rgb(216, 192, 168)
HSL
hsl(30, 38%, 75%)
HSB
hsb(30, 22%, 85%)
CMYK
cmyk(0%, 11%, 22%, 15%)
Oklch
oklch(82.2% 0.043 67.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#787878

Ink Gray · Gray · Warm Gray

HEX
#787878
RGB
rgb(120, 120, 120)
HSL
hsl(0, 0%, 47%)
HSB
hsb(0, 0%, 47%)
CMYK
cmyk(0%, 0%, 0%, 53%)
Oklch
oklch(57.3% 0.000 89.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#B7C7C7

Sky Blue · Silver · Lake Green

HEX
#B7C7C7
RGB
rgb(183, 199, 199)
HSL
hsl(180, 12%, 75%)
HSB
hsb(180, 8%, 78%)
CMYK
cmyk(8%, 0%, 0%, 22%)
Oklch
oklch(81.7% 0.017 196.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

082A4D
4E2B08

Analogous

084E4E
082A4D
08084E

Triadic

082A4D
4E082B
2B4E08

Split-Comp.

082A4D
4E0808
4E4E08

Tetradic

082A4D
4E084E
4E2B08
084E08

Contrast Matrix WCAG 2.1 Contrast

082A4D
9FB3B3
D8C0A8
787878
B7C7C7
—
6.6
AA
8.3
AAA
3.3
AA Large
8.3
AAA
6.6
AA
—
1.3
Fail
2.0
Fail
1.3
Fail
8.3
AAA
1.3
Fail
—
2.5
Fail
1.0
Fail
3.3
AA Large
2.0
Fail
2.5
Fail
—
2.5
Fail
8.3
AAA
1.3
Fail
1.0
Fail
2.5
Fail
—
White BG
14.5AAA
2.2Fail
1.7Fail
4.4AA Large
1.7Fail
Black BG
1.4Fail
9.6AAA
12.0AAA
4.8AA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

171745
A8A8B3
CECDAE
787878
BEBEC7

Deuteranopia

151243
A7A5B3
CFD1AF
787878
BDBCC7

Tritanopia

0A3E3C
A0B3B3
D7B2B3
787878
B8C7C7

Achromatopsia

242424
ADADAD
C4C4C4
787878
C2C2C2

Shades & Tints Shades & Tints

#082A4D

Dark
Light

#9FB3B3

Dark
Light

#D8C0A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #082a4d;
  --color-2: #9fb3b3;
  --color-3: #d8c0a8;
  --color-4: #787878;
  --color-5: #b7c7c7;
}

SCSS

$color-1: #082a4d;
$color-2: #9fb3b3;
$color-3: #d8c0a8;
$color-4: #787878;
$color-5: #b7c7c7;

TAILWIND

colors: {
  'brand-1': '#082a4d',
  'brand-2': '#9fb3b3',
  'brand-3': '#d8c0a8',
  'brand-4': '#787878',
  'brand-5': '#b7c7c7',
}

RGB Array

[8, 42, 77], [159, 179, 179], [216, 192, 168], [120, 120, 120], [183, 199, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #082A4D, #9FB3B3, #D8C0A8, #787878, #B7C7C7 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: #082a4d; --color-2: #9fb3b3; --color-3: #d8c0a8; --color-4: #787878; --color-5: #b7c7c7. 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 space-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