#207680 + #1A4D69 + #143B52 + #0F153B + #0C0924 · 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

#207680

Lake Blue · Teal · Mint Ice

HEX

#207680

RGB

rgb(32, 118, 128)

HSL

hsl(186, 60%, 31%)

HSB

hsb(186, 75%, 50%)

CMYK

cmyk(75%, 8%, 0%, 50%)

Oklch

oklch(52.1% 0.079 206.5)

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

#1A4D69

Lake Blue · DarkSlateGray · Prussian Blue

HEX

#1A4D69

RGB

rgb(26, 77, 105)

HSL

hsl(201, 60%, 26%)

HSB

hsb(201, 75%, 41%)

CMYK

cmyk(75%, 27%, 0%, 59%)

Oklch

oklch(40.0% 0.071 236.7)

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

#143B52

Lake Blue · DarkSlateGray · Deep Sea Blue

HEX

#143B52

RGB

rgb(20, 59, 82)

HSL

hsl(202, 61%, 20%)

HSB

hsb(202, 76%, 32%)

CMYK

cmyk(76%, 28%, 0%, 68%)

Oklch

oklch(33.6% 0.059 238.2)

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

#0F153B

Indigo · MidnightBlue · Deep Sea Blue

HEX

#0F153B

RGB

rgb(15, 21, 59)

HSL

hsl(232, 59%, 15%)

HSB

hsb(232, 75%, 23%)

CMYK

cmyk(75%, 64%, 0%, 77%)

Oklch

oklch(21.7% 0.073 272.1)

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

#0C0924

Deep Indigo · Black · Deep Sea Blue

HEX

#0C0924

RGB

rgb(12, 9, 36)

HSL

hsl(247, 60%, 9%)

HSB

hsb(247, 75%, 14%)

CMYK

cmyk(67%, 75%, 0%, 86%)

Oklch

oklch(16.4% 0.054 283.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

207680

7E2920

Analogous

207E59

207680

20467E

Triadic

207680

7E2075

757E20

Split-Comp.

207680

7E2046

7E5920

Tetradic

207680

59207E

7E2920

467E20

Contrast Matrix WCAG 2.1 Contrast

207680	1A4D69	143B52	0F153B	0C0924
—	1.7 Fail	2.2 Fail	3.3 AA Large	3.7 AA Large
1.7 Fail	—	1.3 Fail	1.9 Fail	2.1 Fail
2.2 Fail	1.3 Fail	—	1.5 Fail	1.6 Fail
3.3 AA Large	1.9 Fail	1.5 Fail	—	1.1 Fail
3.7 AA Large	2.1 Fail	1.6 Fail	1.1 Fail	—

White BG

5.3AA

9.1AAA

11.8AAA

17.6AAA

19.4AAA

Black BG

4.0AA Large

2.3Fail

1.8Fail

1.2Fail

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

45467E

303162

25254C

121232

0B0B1D

Deuteranopia

403A7D

2D2961

23204B

111130

0B0B1C

Tritanopia

247C7B

1D5D5C

164847

0F2B29

0C1817

Achromatopsia

5D5D5D

414141

323232

181818

0D0D0D

Shades & Tints Shades & Tints

#207680

Dark

Light

#1A4D69

Dark

Light

#143B52

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #207680;
  --color-2: #1a4d69;
  --color-3: #143b52;
  --color-4: #0f153b;
  --color-5: #0c0924;
}

SCSS

$color-1: #207680;
$color-2: #1a4d69;
$color-3: #143b52;
$color-4: #0f153b;
$color-5: #0c0924;

TAILWIND

colors: {
  'brand-1': '#207680',
  'brand-2': '#1a4d69',
  'brand-3': '#143b52',
  'brand-4': '#0f153b',
  'brand-5': '#0c0924',
}

RGB Array

[32, 118, 128], [26, 77, 105], [20, 59, 82], [15, 21, 59], [12, 9, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #207680, #1A4D69, #143B52, #0F153B, #0C0924 is ideal for: tech websites, dark mode UIs, game UIs. 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: #207680; --color-2: #1a4d69; --color-3: #143b52; --color-4: #0f153b; --color-5: #0c0924. 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. 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