← Back to Editor

#081729 · #E0F0F0 · #F3F8FA · #A5E3C6 · #0D3340

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

#081729

Indigo · Black · Deep Sea Blue

HEX
#081729
RGB
rgb(8, 23, 41)
HSL
hsl(213, 67%, 10%)
HSB
hsb(213, 80%, 16%)
CMYK
cmyk(80%, 44%, 0%, 84%)
Oklch
oklch(20.2% 0.042 254.0)

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

#E0F0F0

Sky Blue · Lavender · Glacier Blue

HEX
#E0F0F0
RGB
rgb(224, 240, 240)
HSL
hsl(180, 35%, 91%)
HSB
hsb(180, 7%, 94%)
CMYK
cmyk(7%, 0%, 0%, 6%)
Oklch
oklch(94.3% 0.017 196.9)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#F3F8FA

Sky Blue · Snow · Glacier Blue

HEX
#F3F8FA
RGB
rgb(243, 248, 250)
HSL
hsl(197, 41%, 97%)
HSB
hsb(197, 3%, 98%)
CMYK
cmyk(3%, 1%, 0%, 2%)
Oklch
oklch(97.6% 0.006 223.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#A5E3C6

Jade · LightBlue · Apple Green

HEX
#A5E3C6
RGB
rgb(165, 227, 198)
HSL
hsl(152, 53%, 77%)
HSB
hsb(152, 27%, 89%)
CMYK
cmyk(27%, 0%, 13%, 11%)
Oklch
oklch(86.6% 0.075 164.2)

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

#0D3340

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0D3340
RGB
rgb(13, 51, 64)
HSL
hsl(195, 66%, 15%)
HSB
hsb(195, 80%, 25%)
CMYK
cmyk(80%, 20%, 0%, 75%)
Oklch
oklch(30.1% 0.048 224.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

081729
2B1B08

Analogous

08292B
081729
0A082B

Triadic

081729
2B0818
182B08

Split-Comp.

081729
2B0A08
292B08

Tetradic

081729
2B0829
2B1B08
082B0A

Contrast Matrix WCAG 2.1 Contrast

081729
E0F0F0
F3F8FA
A5E3C6
0D3340
—
15.4
AAA
16.8
AAA
12.4
AAA
1.3
Fail
15.4
AAA
—
1.1
Fail
1.2
Fail
11.4
AAA
16.8
AAA
1.1
Fail
—
1.4
Fail
12.5
AAA
12.4
AAA
1.2
Fail
1.4
Fail
—
9.2
AAA
1.3
Fail
11.4
AAA
12.5
AAA
9.2
AAA
—
White BG
18.0AAA
1.2Fail
1.1Fail
1.5Fail
13.4AAA
Black BG
1.2Fail
17.9AAA
19.6AAA
14.4AAA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0E0F25
E7E7F0
F5F5FA
C0C0CD
1D1E3D

Deuteranopia

0E0D24
E6E5F0
F5F5F9
BCB8CF
1B183C

Tritanopia

092120
E1F0F0
F3F9F9
A8D3D4
0F3A3A

Achromatopsia

151515
EBEBEB
F7F7F7
CDCDCD
292929

Shades & Tints Shades & Tints

#081729

Dark
Light

#E0F0F0

Dark
Light

#F3F8FA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #081729;
  --color-2: #e0f0f0;
  --color-3: #f3f8fa;
  --color-4: #a5e3c6;
  --color-5: #0d3340;
}

SCSS

$color-1: #081729;
$color-2: #e0f0f0;
$color-3: #f3f8fa;
$color-4: #a5e3c6;
$color-5: #0d3340;

TAILWIND

colors: {
  'brand-1': '#081729',
  'brand-2': '#e0f0f0',
  'brand-3': '#f3f8fa',
  'brand-4': '#a5e3c6',
  'brand-5': '#0d3340',
}

RGB Array

[8, 23, 41], [224, 240, 240], [243, 248, 250], [165, 227, 198], [13, 51, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #081729, #E0F0F0, #F3F8FA, #A5E3C6, #0D3340 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: #081729; --color-2: #e0f0f0; --color-3: #f3f8fa; --color-4: #a5e3c6; --color-5: #0d3340. 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