← Back to Editor

#000302 · #0D2C2E · #49686A · #93ACA9 · #C5D0CA

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#000302

Mineral Blue · Black · Peacock Green

HEX
#000302
RGB
rgb(0, 3, 2)
HSL
hsl(160, 100%, 1%)
HSB
hsb(160, 100%, 1%)
CMYK
cmyk(100%, 0%, 33%, 99%)
Oklch
oklch(8.7% 0.016 175.0)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#0D2C2E

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0D2C2E
RGB
rgb(13, 44, 46)
HSL
hsl(184, 56%, 12%)
HSB
hsb(184, 72%, 18%)
CMYK
cmyk(72%, 4%, 0%, 82%)
Oklch
oklch(27.1% 0.036 201.1)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#49686A

Slate Blue · DimGray · Mint Ice

HEX
#49686A
RGB
rgb(73, 104, 106)
HSL
hsl(184, 18%, 35%)
HSB
hsb(184, 31%, 42%)
CMYK
cmyk(31%, 2%, 0%, 58%)
Oklch
oklch(49.4% 0.036 201.1)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#93ACA9

Jade · DarkGray · Lake Green

HEX
#93ACA9
RGB
rgb(147, 172, 169)
HSL
hsl(173, 13%, 63%)
HSB
hsb(173, 15%, 67%)
CMYK
cmyk(15%, 0%, 2%, 33%)
Oklch
oklch(72.4% 0.028 187.7)

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

#C5D0CA

Celadon · LightGray · Apple Green

HEX
#C5D0CA
RGB
rgb(197, 208, 202)
HSL
hsl(147, 10%, 79%)
HSB
hsb(147, 5%, 82%)
CMYK
cmyk(5%, 0%, 3%, 18%)
Oklch
oklch(84.7% 0.015 162.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000302
050002

Analogous

000501
000302
000405

Triadic

000302
030005
050300

Split-Comp.

000302
050004
050100

Tetradic

000302
010005
050002
040500

Contrast Matrix WCAG 2.1 Contrast

000302
0D2C2E
49686A
93ACA9
C5D0CA
—
1.4
Fail
3.4
AA Large
8.6
AAA
13.1
AAA
1.4
Fail
—
2.5
Fail
6.2
AA
9.4
AAA
3.4
AA Large
2.5
Fail
—
2.5
Fail
3.8
AA Large
8.6
AAA
6.2
AA
2.5
Fail
—
1.5
Fail
13.1
AAA
9.4
AAA
3.8
AA Large
1.5
Fail
—
White BG
20.7AAA
14.8AAA
6.0AA
2.4Fail
1.6Fail
Black BG
1.0Fail
1.4Fail
3.5AA Large
8.7AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

010102
1A1B2E
56576A
9E9EAA
CACACB

Deuteranopia

010102
19162D
555269
9C9BAA
C9C8CC

Tritanopia

000202
0F2D2D
4B6969
94AAAA
C6CDCD

Achromatopsia

020202
232323
5F5F5F
A4A4A4
CCCCCC

Shades & Tints Shades & Tints

#000302

Dark
Light

#0D2C2E

Dark
Light

#49686A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000302;
  --color-2: #0d2c2e;
  --color-3: #49686a;
  --color-4: #93aca9;
  --color-5: #c5d0ca;
}

SCSS

$color-1: #000302;
$color-2: #0d2c2e;
$color-3: #49686a;
$color-4: #93aca9;
$color-5: #c5d0ca;

TAILWIND

colors: {
  'brand-1': '#000302',
  'brand-2': '#0d2c2e',
  'brand-3': '#49686a',
  'brand-4': '#93aca9',
  'brand-5': '#c5d0ca',
}

RGB Array

[0, 3, 2], [13, 44, 46], [73, 104, 106], [147, 172, 169], [197, 208, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #000302, #0D2C2E, #49686A, #93ACA9, #C5D0CA is ideal for: tech websites, dark mode UIs, game UIs, 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: #000302; --color-2: #0d2c2e; --color-3: #49686a; --color-4: #93aca9; --color-5: #c5d0ca. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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