← Back to Editor

#465E5E · #B8EEFF · #254254 · #182432 · #00000C

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

#465E5E

Slate Blue · DarkSlateGray · Mint Ice

HEX
#465E5E
RGB
rgb(70, 94, 94)
HSL
hsl(180, 15%, 32%)
HSB
hsb(180, 26%, 37%)
CMYK
cmyk(26%, 0%, 0%, 63%)
Oklch
oklch(46.3% 0.029 196.2)

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

#B8EEFF

Sky Blue · LightBlue · Glacier Blue

HEX
#B8EEFF
RGB
rgb(184, 238, 255)
HSL
hsl(194, 100%, 86%)
HSB
hsb(194, 28%, 100%)
CMYK
cmyk(28%, 7%, 0%, 0%)
Oklch
oklch(91.8% 0.060 219.1)

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

#254254

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#254254
RGB
rgb(37, 66, 84)
HSL
hsl(203, 39%, 24%)
HSB
hsb(203, 56%, 33%)
CMYK
cmyk(56%, 21%, 0%, 67%)
Oklch
oklch(36.5% 0.047 237.2)

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

#182432

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#182432
RGB
rgb(24, 36, 50)
HSL
hsl(212, 35%, 15%)
HSB
hsb(212, 52%, 20%)
CMYK
cmyk(52%, 28%, 0%, 80%)
Oklch
oklch(25.6% 0.031 252.8)

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

#00000C

Deep Indigo · Black · Deep Sea Blue

HEX
#00000C
RGB
rgb(0, 0, 12)
HSL
hsl(240, 100%, 2%)
HSB
hsb(240, 100%, 5%)
CMYK
cmyk(100%, 100%, 0%, 95%)
Oklch
oklch(7.0% 0.048 264.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

465E5E
5E4545

Analogous

455E52
465E5E
45525E

Triadic

465E5E
5E455E
5E5E45

Split-Comp.

465E5E
5E4552
5E5245

Tetradic

465E5E
52455E
5E4545
525E45

Contrast Matrix WCAG 2.1 Contrast

465E5E
B8EEFF
254254
182432
00000C
—
5.5
AA
1.5
Fail
2.3
Fail
3.0
AA Large
5.5
AA
—
8.4
AAA
12.5
AAA
16.6
AAA
1.5
Fail
8.4
AAA
—
1.5
Fail
2.0
Fail
2.3
Fail
12.5
AAA
1.5
Fail
—
1.3
Fail
3.0
AA Large
16.6
AAA
2.0
Fail
1.3
Fail
—
White BG
6.9AA
1.3Fail
10.6AAA
15.7AAA
20.9AAA
Black BG
3.0AA Large
16.7AAA
2.0Fail
1.3Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

50515E
CFD0FB
323250
1D1D2F
000009

Deuteranopia

4F4D5E
CCC8FA
302E4F
1D1C2E
000008

Tritanopia

475E5E
BBF8F7
264C4B
192C2B
000706

Achromatopsia

575757
E0E0E0
3B3B3B
222222
010101

Shades & Tints Shades & Tints

#465E5E

Dark
Light

#B8EEFF

Dark
Light

#254254

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #465e5e;
  --color-2: #b8eeff;
  --color-3: #254254;
  --color-4: #182432;
  --color-5: #00000c;
}

SCSS

$color-1: #465e5e;
$color-2: #b8eeff;
$color-3: #254254;
$color-4: #182432;
$color-5: #00000c;

TAILWIND

colors: {
  'brand-1': '#465e5e',
  'brand-2': '#b8eeff',
  'brand-3': '#254254',
  'brand-4': '#182432',
  'brand-5': '#00000c',
}

RGB Array

[70, 94, 94], [184, 238, 255], [37, 66, 84], [24, 36, 50], [0, 0, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #465E5E, #B8EEFF, #254254, #182432, #00000C 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: #465e5e; --color-2: #b8eeff; --color-3: #254254; --color-4: #182432; --color-5: #00000c. 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