← Back to Editor

#164050 · #EBEFD8 · #466466 · #123038 · #040000

cool

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

#164050

Lake Blue · DarkSlateGray · Peacock Green

HEX
#164050
RGB
rgb(22, 64, 80)
HSL
hsl(197, 57%, 20%)
HSB
hsb(197, 73%, 31%)
CMYK
cmyk(72%, 20%, 0%, 69%)
Oklch
oklch(35.0% 0.054 226.6)

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

#EBEFD8

Willow Green · Beige · Mint Green

HEX
#EBEFD8
RGB
rgb(235, 239, 216)
HSL
hsl(70, 42%, 89%)
HSB
hsb(70, 10%, 94%)
CMYK
cmyk(2%, 0%, 10%, 6%)
Oklch
oklch(94.3% 0.031 115.0)

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

#466466

Slate Blue · DimGray · Mint Ice

HEX
#466466
RGB
rgb(70, 100, 102)
HSL
hsl(184, 19%, 34%)
HSB
hsb(184, 31%, 40%)
CMYK
cmyk(31%, 2%, 0%, 60%)
Oklch
oklch(48.1% 0.035 201.3)

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

#123038

Lake Blue · DarkSlateGray · Peacock Green

HEX
#123038
RGB
rgb(18, 48, 56)
HSL
hsl(193, 51%, 15%)
HSB
hsb(193, 68%, 22%)
CMYK
cmyk(68%, 14%, 0%, 78%)
Oklch
oklch(29.0% 0.038 217.8)

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

#040000

Vermilion · Black · Deep Berry

HEX
#040000
RGB
rgb(4, 0, 0)
HSL
hsl(0, 100%, 1%)
HSB
hsb(0, 100%, 2%)
CMYK
cmyk(0%, 100%, 100%, 98%)
Oklch
oklch(6.7% 0.027 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

164050
502616

Analogous

165043
164050
162350

Triadic

164050
501640
405016

Split-Comp.

164050
501623
504316

Tetradic

164050
431650
502616
235016

Contrast Matrix WCAG 2.1 Contrast

164050
EBEFD8
466466
123038
040000
—
9.5
AAA
1.7
Fail
1.3
Fail
1.9
Fail
9.5
AAA
—
5.5
AA
11.9
AAA
17.8
AAA
1.7
Fail
5.5
AA
—
2.2
Fail
3.3
AA Large
1.3
Fail
11.9
AAA
2.2
Fail
—
1.5
Fail
1.9
Fail
17.8
AAA
3.3
AA Large
1.5
Fail
—
White BG
11.2AAA
1.2Fail
6.4AA
13.9AAA
20.9AAA
Black BG
1.9Fail
17.9AAA
3.3AA Large
1.5Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

28294C
EDEDDE
535366
1F1F36
020200

Deuteranopia

26234B
EDECDF
514F65
1D1B36
030300

Tritanopia

184948
EBE2E3
486565
143534
040000

Achromatopsia

353535
EBEBEB
5B5B5B
282828
010101

Shades & Tints Shades & Tints

#164050

Dark
Light

#EBEFD8

Dark
Light

#466466

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #164050;
  --color-2: #ebefd8;
  --color-3: #466466;
  --color-4: #123038;
  --color-5: #040000;
}

SCSS

$color-1: #164050;
$color-2: #ebefd8;
$color-3: #466466;
$color-4: #123038;
$color-5: #040000;

TAILWIND

colors: {
  'brand-1': '#164050',
  'brand-2': '#ebefd8',
  'brand-3': '#466466',
  'brand-4': '#123038',
  'brand-5': '#040000',
}

RGB Array

[22, 64, 80], [235, 239, 216], [70, 100, 102], [18, 48, 56], [4, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #164050, #EBEFD8, #466466, #123038, #040000 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: #164050; --color-2: #ebefd8; --color-3: #466466; --color-4: #123038; --color-5: #040000. 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 cool-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