#00FFB3 + #59C9A8 + #5FB89D + #608494 + #636094 · 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

#00FFB3

Mineral Blue · MediumSpringGreen · Mint Ice

HEX

#00FFB3

RGB

rgb(0, 255, 179)

HSL

hsl(162, 100%, 50%)

HSB

hsb(162, 100%, 100%)

CMYK

cmyk(100%, 0%, 30%, 0%)

Oklch

oklch(88.4% 0.192 162.7)

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

#59C9A8

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#59C9A8

RGB

rgb(89, 201, 168)

HSL

hsl(162, 51%, 57%)

HSB

hsb(162, 56%, 79%)

CMYK

cmyk(56%, 0%, 16%, 21%)

Oklch

oklch(76.2% 0.114 171.1)

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

#5FB89D

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#5FB89D

RGB

rgb(95, 184, 157)

HSL

hsl(162, 39%, 55%)

HSB

hsb(162, 48%, 72%)

CMYK

cmyk(48%, 0%, 15%, 28%)

Oklch

oklch(72.0% 0.095 171.5)

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

#608494

Slate Blue · SlateGray · Mint Ice

HEX

#608494

RGB

rgb(96, 132, 148)

HSL

hsl(198, 21%, 48%)

HSB

hsb(198, 35%, 58%)

CMYK

cmyk(35%, 11%, 0%, 42%)

Oklch

oklch(59.2% 0.047 227.2)

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

#636094

Deep Indigo · SlateGray · Navy Blue

HEX

#636094

RGB

rgb(99, 96, 148)

HSL

hsl(243, 21%, 48%)

HSB

hsb(243, 35%, 58%)

CMYK

cmyk(33%, 35%, 0%, 42%)

Oklch

oklch(51.4% 0.081 285.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00FFB3

FF004C

Analogous

00FF33

00FFB3

00CCFF

Triadic

00FFB3

B300FF

FFB300

Split-Comp.

00FFB3

FF00CC

FF3300

Tetradic

00FFB3

3300FF

FF004C

CCFF00

Contrast Matrix WCAG 2.1 Contrast

00FFB3	59C9A8	5FB89D	608494	636094
—	1.5 Fail	1.8 Fail	3.1 AA Large	4.4 AA Large
1.5 Fail	—	1.2 Fail	2.0 Fail	2.8 Fail
1.8 Fail	1.2 Fail	—	1.7 Fail	2.4 Fail
3.1 AA Large	2.0 Fail	1.7 Fail	—	1.4 Fail
4.4 AA Large	2.8 Fail	2.4 Fail	1.4 Fail	—

White BG

1.3Fail

2.0Fail

2.4Fail

4.0AA Large

5.8AA

Black BG

16.0AAA

10.3AAA

8.8AAA

5.2AA

3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E71C5

898BB0

8686A4

707090

626287

Deuteranopia

604DCA

837BB2

807AA5

6E6B8F

626284

Tritanopia

0DD4D7

5FB6B8

63A9AA

628D8C

637D7B

Achromatopsia

AAAAAA

A4A4A4

9A9A9A

7B7B7B

676767

Shades & Tints Shades & Tints

#00FFB3

Dark

Light

#59C9A8

Dark

Light

#5FB89D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00ffb3;
  --color-2: #59c9a8;
  --color-3: #5fb89d;
  --color-4: #608494;
  --color-5: #636094;
}

SCSS

$color-1: #00ffb3;
$color-2: #59c9a8;
$color-3: #5fb89d;
$color-4: #608494;
$color-5: #636094;

TAILWIND

colors: {
  'brand-1': '#00ffb3',
  'brand-2': '#59c9a8',
  'brand-3': '#5fb89d',
  'brand-4': '#608494',
  'brand-5': '#636094',
}

RGB Array

[0, 255, 179], [89, 201, 168], [95, 184, 157], [96, 132, 148], [99, 96, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #00FFB3, #59C9A8, #5FB89D, #608494, #636094 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: #00ffb3; --color-2: #59c9a8; --color-3: #5fb89d; --color-4: #608494; --color-5: #636094. 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