#00C0C7 + #1D98AD + #27537D + #1D2540 + #13131A · 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

#00C0C7

Lake Blue · DarkTurquoise · Mint Ice

HEX

#00C0C7

RGB

rgb(0, 192, 199)

HSL

hsl(182, 100%, 39%)

HSB

hsb(182, 100%, 78%)

CMYK

cmyk(100%, 4%, 0%, 22%)

Oklch

oklch(73.4% 0.125 199.4)

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

#1D98AD

Lake Blue · LightSeaGreen · Mint Ice

HEX

#1D98AD

RGB

rgb(29, 152, 173)

HSL

hsl(189, 71%, 40%)

HSB

hsb(189, 83%, 68%)

CMYK

cmyk(83%, 12%, 0%, 32%)

Oklch

oklch(62.6% 0.104 212.7)

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

#27537D

Lake Blue · DarkSlateBlue · Prussian Blue

HEX

#27537D

RGB

rgb(39, 83, 125)

HSL

hsl(209, 52%, 32%)

HSB

hsb(209, 69%, 49%)

CMYK

cmyk(69%, 34%, 0%, 51%)

Oklch

oklch(43.2% 0.085 249.5)

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

#1D2540

Indigo · DarkSlateGray · Deep Sea Blue

HEX

#1D2540

RGB

rgb(29, 37, 64)

HSL

hsl(226, 38%, 18%)

HSB

hsb(226, 55%, 25%)

CMYK

cmyk(55%, 42%, 0%, 75%)

Oklch

oklch(27.1% 0.052 270.2)

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

#13131A

Deep Indigo · Black · Deep Sea Blue

HEX

#13131A

RGB

rgb(19, 19, 26)

HSL

hsl(240, 16%, 9%)

HSB

hsb(240, 27%, 10%)

CMYK

cmyk(27%, 27%, 0%, 90%)

Oklch

oklch(19.0% 0.014 285.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00C0C7

C70700

Analogous

00C76A

00C0C7

005DC7

Triadic

00C0C7

C700C0

C0C700

Split-Comp.

00C0C7

C7005D

C76A00

Tetradic

00C0C7

6A00C7

C70700

5DC700

Contrast Matrix WCAG 2.1 Contrast

00C0C7	1D98AD	27537D	1D2540	13131A
—	1.5 Fail	3.6 AA Large	6.7 AA	8.2 AAA
1.5 Fail	—	2.3 Fail	4.4 AA Large	5.4 AA
3.6 AA Large	2.3 Fail	—	1.9 Fail	2.3 Fail
6.7 AA	4.4 AA Large	1.9 Fail	—	1.2 Fail
8.2 AAA	5.4 AA	2.3 Fail	1.2 Fail	—

White BG

2.2Fail

3.4AA Large

8.0AAA

15.1AAA

18.5AAA

Black BG

9.4AAA

6.1AA

2.6Fail

1.4Fail

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5355C5

5253A8

3A3A73

202139

131318

Deuteranopia

483AC5

4B42A7

383470

201F38

131318

Tritanopia

0AC4C4

23A4A3

296B69

1D3433

131717

Achromatopsia

878787

767676

4B4B4B

262626

141414

Shades & Tints Shades & Tints

#00C0C7

Dark

Light

#1D98AD

Dark

Light

#27537D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00c0c7;
  --color-2: #1d98ad;
  --color-3: #27537d;
  --color-4: #1d2540;
  --color-5: #13131a;
}

SCSS

$color-1: #00c0c7;
$color-2: #1d98ad;
$color-3: #27537d;
$color-4: #1d2540;
$color-5: #13131a;

TAILWIND

colors: {
  'brand-1': '#00c0c7',
  'brand-2': '#1d98ad',
  'brand-3': '#27537d',
  'brand-4': '#1d2540',
  'brand-5': '#13131a',
}

RGB Array

[0, 192, 199], [29, 152, 173], [39, 83, 125], [29, 37, 64], [19, 19, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #00C0C7, #1D98AD, #27537D, #1D2540, #13131A 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: #00c0c7; --color-2: #1d98ad; --color-3: #27537d; --color-4: #1d2540; --color-5: #13131a. 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