#00C9C6 + #1D989B + #484E5A + #4F424F + #19121A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#00C9C6

Mineral Blue · DarkTurquoise · Mint Ice

HEX

#00C9C6

RGB

rgb(0, 201, 198)

HSL

hsl(179, 100%, 39%)

HSB

hsb(179, 100%, 79%)

CMYK

cmyk(100%, 0%, 1%, 21%)

Oklch

oklch(75.6% 0.129 192.9)

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

#1D989B

Lake Blue · LightSeaGreen · Mint Ice

HEX

#1D989B

RGB

rgb(29, 152, 155)

HSL

hsl(181, 68%, 36%)

HSB

hsb(181, 81%, 61%)

CMYK

cmyk(81%, 2%, 0%, 39%)

Oklch

oklch(61.9% 0.100 197.5)

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

#484E5A

Indigo · DarkSlateGray · Prussian Blue

HEX

#484E5A

RGB

rgb(72, 78, 90)

HSL

hsl(220, 11%, 32%)

HSB

hsb(220, 20%, 35%)

CMYK

cmyk(20%, 13%, 0%, 65%)

Oklch

oklch(42.3% 0.021 264.3)

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

#4F424F

Rose Purple · DarkSlateGray · Charcoal

HEX

#4F424F

RGB

rgb(79, 66, 79)

HSL

hsl(300, 9%, 28%)

HSB

hsb(300, 16%, 31%)

CMYK

cmyk(0%, 16%, 0%, 69%)

Oklch

oklch(39.7% 0.027 326.1)

Traditional「Rose Purple」· Paint「Charcoal」· Creative Midnight Shadow

#19121A

Dark Plum · Black · Dark Purple

HEX

#19121A

RGB

rgb(25, 18, 26)

HSL

hsl(293, 18%, 9%)

HSB

hsb(293, 31%, 10%)

CMYK

cmyk(4%, 31%, 0%, 90%)

Oklch

oklch(19.5% 0.019 322.1)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00C9C6

C70003

Analogous

00C760

00C9C6

0067C7

Triadic

00C9C6

C400C7

C7C400

Split-Comp.

00C9C6

C70067

C76000

Tetradic

00C9C6

6000C7

C70003

67C700

Contrast Matrix WCAG 2.1 Contrast

00C9C6	1D989B	484E5A	4F424F	19121A
—	1.7 Fail	4.0 AA Large	4.6 AA	8.9 AAA
1.7 Fail	—	2.4 Fail	2.7 Fail	5.3 AA
4.0 AA Large	2.4 Fail	—	1.1 Fail	2.2 Fail
4.6 AA	2.7 Fail	1.1 Fail	—	1.9 Fail
8.9 AAA	5.3 AA	2.2 Fail	1.9 Fail	—

White BG

2.1Fail

3.5AA Large

8.4AAA

9.4AAA

18.4AAA

Black BG

10.2AAA

6.0AA

2.5Fail

2.2Fail

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5759C7

52539A

4B4B57

49494C

161618

Deuteranopia

4B3CC7

4B429A

4A4A56

4A4B4B

161718

Tritanopia

0AC7C7

239A9A

485554

4E4949

191716

Achromatopsia

8D8D8D

747474

4E4E4E

474747

151515

Shades & Tints Shades & Tints

#00C9C6

Dark

Light

#1D989B

Dark

Light

#484E5A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00c9c6;
  --color-2: #1d989b;
  --color-3: #484e5a;
  --color-4: #4f424f;
  --color-5: #19121a;
}

SCSS

$color-1: #00c9c6;
$color-2: #1d989b;
$color-3: #484e5a;
$color-4: #4f424f;
$color-5: #19121a;

TAILWIND

colors: {
  'brand-1': '#00c9c6',
  'brand-2': '#1d989b',
  'brand-3': '#484e5a',
  'brand-4': '#4f424f',
  'brand-5': '#19121a',
}

RGB Array

[0, 201, 198], [29, 152, 155], [72, 78, 90], [79, 66, 79], [25, 18, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00C9C6, #1D989B, #484E5A, #4F424F, #19121A 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: #00c9c6; --color-2: #1d989b; --color-3: #484e5a; --color-4: #4f424f; --color-5: #19121a. 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 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