#6DA6C4 + #366AAC + #0075AE + #5F8FC6 + #79A9CD · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6DA6C4

Slate Blue · CadetBlue · Navy Blue

HEX

#6DA6C4

RGB

rgb(109, 166, 196)

HSL

hsl(201, 42%, 60%)

HSB

hsb(201, 44%, 77%)

CMYK

cmyk(44%, 15%, 0%, 23%)

Oklch

oklch(69.7% 0.074 232.2)

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

#366AAC

Indigo · SteelBlue · Navy Blue

HEX

#366AAC

RGB

rgb(54, 106, 172)

HSL

hsl(214, 52%, 44%)

HSB

hsb(214, 69%, 67%)

CMYK

cmyk(69%, 38%, 0%, 33%)

Oklch

oklch(52.1% 0.119 255.5)

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

#0075AE

Lake Blue · Teal · Prussian Blue

HEX

#0075AE

RGB

rgb(0, 117, 174)

HSL

hsl(200, 100%, 34%)

HSB

hsb(200, 100%, 68%)

CMYK

cmyk(100%, 33%, 0%, 32%)

Oklch

oklch(53.7% 0.124 240.5)

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

#5F8FC6

Azure · SteelBlue · Navy Blue

HEX

#5F8FC6

RGB

rgb(95, 143, 198)

HSL

hsl(212, 47%, 57%)

HSB

hsb(212, 52%, 78%)

CMYK

cmyk(52%, 28%, 0%, 22%)

Oklch

oklch(63.9% 0.098 252.7)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#79A9CD

Sky Blue · CornflowerBlue · Cobalt Blue

HEX

#79A9CD

RGB

rgb(121, 169, 205)

HSL

hsl(206, 46%, 64%)

HSB

hsb(206, 41%, 80%)

CMYK

cmyk(41%, 18%, 0%, 20%)

Oklch

oklch(71.4% 0.074 241.5)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6DA6C4

C48C6E

Analogous

6EC4B7

6DA6C4

6E7BC4

Triadic

6DA6C4

C46EA6

A6C46E

Split-Comp.

6DA6C4

C46E7B

C4B76E

Tetradic

6DA6C4

B76EC4

C48C6E

7BC46E

Contrast Matrix WCAG 2.1 Contrast

6DA6C4	366AAC	0075AE	5F8FC6	79A9CD
—	2.1 Fail	1.9 Fail	1.3 Fail	1.1 Fail
2.1 Fail	—	1.1 Fail	1.6 Fail	2.2 Fail
1.9 Fail	1.1 Fail	—	1.5 Fail	2.0 Fail
1.3 Fail	1.6 Fail	1.5 Fail	—	1.3 Fail
1.1 Fail	2.2 Fail	2.0 Fail	1.3 Fail	—

White BG

2.7Fail

5.5AA

5.1AA

3.4AA Large

2.5Fail

Black BG

7.9AAA

3.8AA Large

4.2AA Large

6.2AA

8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8686BD

4D4D9C

3334A0

7474B9

8E8EC4

Deuteranopia

827EBB

4A4698

2C239D

716DB6

8B87C2

Tritanopia

70B7B6

398F8D

069593

61AEAC

7BBDBC

Achromatopsia

989898

626262

595959

878787

9F9F9F

Shades & Tints Shades & Tints

#6DA6C4

Dark

Light

#366AAC

Dark

Light

#0075AE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6da6c4;
  --color-2: #366aac;
  --color-3: #0075ae;
  --color-4: #5f8fc6;
  --color-5: #79a9cd;
}

SCSS

$color-1: #6da6c4;
$color-2: #366aac;
$color-3: #0075ae;
$color-4: #5f8fc6;
$color-5: #79a9cd;

TAILWIND

colors: {
  'brand-1': '#6da6c4',
  'brand-2': '#366aac',
  'brand-3': '#0075ae',
  'brand-4': '#5f8fc6',
  'brand-5': '#79a9cd',
}

RGB Array

[109, 166, 196], [54, 106, 172], [0, 117, 174], [95, 143, 198], [121, 169, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #6DA6C4, #366AAC, #0075AE, #5F8FC6, #79A9CD is ideal for: corporate websites, product showcases, portfolios. 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: #6da6c4; --color-2: #366aac; --color-3: #0075ae; --color-4: #5f8fc6; --color-5: #79a9cd. 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. 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 dark-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