← Back to Editor

#0A0B06 · #263B6A · #517686 · #A1D1B9 · #EEF2D9

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

#0A0B06

Grass Green · Black · Dark Green

HEX
#0A0B06
RGB
rgb(10, 11, 6)
HSL
hsl(72, 29%, 3%)
HSB
hsb(72, 45%, 4%)
CMYK
cmyk(9%, 0%, 45%, 96%)
Oklch
oklch(14.6% 0.012 116.1)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

#263B6A

Indigo · DarkSlateGray · Prussian Blue

HEX
#263B6A
RGB
rgb(38, 59, 106)
HSL
hsl(221, 47%, 28%)
HSB
hsb(221, 64%, 42%)
CMYK
cmyk(64%, 44%, 0%, 58%)
Oklch
oklch(36.0% 0.086 264.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#517686

Slate Blue · SlateGray · Mint Ice

HEX
#517686
RGB
rgb(81, 118, 134)
HSL
hsl(198, 25%, 42%)
HSB
hsb(198, 40%, 53%)
CMYK
cmyk(40%, 12%, 0%, 47%)
Oklch
oklch(54.4% 0.049 226.8)

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

#A1D1B9

Jade · Silver · Apple Green

HEX
#A1D1B9
RGB
rgb(161, 209, 185)
HSL
hsl(150, 34%, 73%)
HSB
hsb(150, 23%, 82%)
CMYK
cmyk(23%, 0%, 11%, 18%)
Oklch
oklch(82.0% 0.060 163.0)

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

#EEF2D9

Willow Green · Beige · Mint Green

HEX
#EEF2D9
RGB
rgb(238, 242, 217)
HSL
hsl(70, 49%, 90%)
HSB
hsb(70, 10%, 95%)
CMYK
cmyk(2%, 0%, 10%, 5%)
Oklch
oklch(95.1% 0.033 114.4)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A0B06
06050A

Analogous

0A0905
0A0B06
070A05

Triadic

0A0B06
05090A
0A0509

Split-Comp.

0A0B06
05070A
09050A

Tetradic

0A0B06
050A09
06050A
0A0507

Contrast Matrix WCAG 2.1 Contrast

0A0B06
263B6A
517686
A1D1B9
EEF2D9
—
1.8
Fail
4.0
AA Large
11.6
AAA
17.2
AAA
1.8
Fail
—
2.2
Fail
6.4
AA
9.6
AAA
4.0
AA Large
2.2
Fail
—
2.9
Fail
4.3
AA Large
11.6
AAA
6.4
AA
2.9
Fail
—
1.5
Fail
17.2
AAA
9.6
AAA
4.3
AA Large
1.5
Fail
—
White BG
19.7AAA
11.0AAA
4.9AA
1.7Fail
1.1Fail
Black BG
1.1Fail
1.9Fail
4.3AA Large
12.3AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0A07
2F2F5F
616182
B6B6BF
F0F0DF

Deuteranopia

0A0A07
2E2C5C
5F5C81
B3AFC0
F0EFE0

Tritanopia

0A0808
275654
537F7E
A3C3C4
EEE4E5

Achromatopsia

0A0A0A
3A3A3A
6D6D6D
C0C0C0
EEEEEE

Shades & Tints Shades & Tints

#0A0B06

Dark
Light

#263B6A

Dark
Light

#517686

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a0b06;
  --color-2: #263b6a;
  --color-3: #517686;
  --color-4: #a1d1b9;
  --color-5: #eef2d9;
}

SCSS

$color-1: #0a0b06;
$color-2: #263b6a;
$color-3: #517686;
$color-4: #a1d1b9;
$color-5: #eef2d9;

TAILWIND

colors: {
  'brand-1': '#0a0b06',
  'brand-2': '#263b6a',
  'brand-3': '#517686',
  'brand-4': '#a1d1b9',
  'brand-5': '#eef2d9',
}

RGB Array

[10, 11, 6], [38, 59, 106], [81, 118, 134], [161, 209, 185], [238, 242, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0A0B06, #263B6A, #517686, #A1D1B9, #EEF2D9 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: #0a0b06; --color-2: #263b6a; --color-3: #517686; --color-4: #a1d1b9; --color-5: #eef2d9. 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