← Back to Editor

#00C4B0 · #007C77 · #00242B · #000E13

dark

A 4-color dark palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#00C4B0

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#00C4B0
RGB
rgb(0, 196, 176)
HSL
hsl(174, 100%, 38%)
HSB
hsb(174, 100%, 77%)
CMYK
cmyk(100%, 0%, 10%, 23%)
Oklch
oklch(73.6% 0.132 182.1)

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

#007C77

Mineral Blue · Teal · Peacock Green

HEX
#007C77
RGB
rgb(0, 124, 119)
HSL
hsl(178, 100%, 24%)
HSB
hsb(178, 100%, 49%)
CMYK
cmyk(100%, 0%, 4%, 51%)
Oklch
oklch(52.9% 0.091 189.8)

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

#00242B

Lake Blue · Black · Peacock Green

HEX
#00242B
RGB
rgb(0, 36, 43)
HSL
hsl(190, 100%, 8%)
HSB
hsb(190, 100%, 17%)
CMYK
cmyk(100%, 16%, 0%, 83%)
Oklch
oklch(23.9% 0.042 213.5)

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

#000E13

Lake Blue · Black · Peacock Green

HEX
#000E13
RGB
rgb(0, 14, 19)
HSL
hsl(196, 100%, 4%)
HSB
hsb(196, 100%, 7%)
CMYK
cmyk(100%, 26%, 0%, 93%)
Oklch
oklch(15.1% 0.027 218.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00C4B0
C20013

Analogous

00C24E
00C4B0
0074C2

Triadic

00C4B0
AE00C2
C2AE00

Split-Comp.

00C4B0
C20074
C24E00

Tetradic

00C4B0
4E00C2
C20013
74C200

Contrast Matrix WCAG 2.1 Contrast

00C4B0
007C77
00242B
000E13
—
2.3
Fail
7.4
AAA
8.9
AAA
2.3
Fail
—
3.2
AA Large
3.9
AA Large
7.4
AAA
3.2
AA Large
—
1.2
Fail
8.9
AAA
3.9
AA Large
1.2
Fail
—
White BG
2.2Fail
5.1AA
16.3AAA
19.6AAA
Black BG
9.5AAA
4.1AA Large
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5557B5
363778
101029
060612

Deuteranopia

4A3BB6
2F2579
0E0B29
050412

Tritanopia

0AB9BA
067979
022828
011111

Achromatopsia

878787
565656
1A1A1A
0A0A0A

Shades & Tints Shades & Tints

#00C4B0

Dark
Light

#007C77

Dark
Light

#00242B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00c4b0;
  --color-2: #007c77;
  --color-3: #00242b;
  --color-4: #000e13;
}

SCSS

$color-1: #00c4b0;
$color-2: #007c77;
$color-3: #00242b;
$color-4: #000e13;

TAILWIND

colors: {
  'brand-1': '#00c4b0',
  'brand-2': '#007c77',
  'brand-3': '#00242b',
  'brand-4': '#000e13',
}

RGB Array

[0, 196, 176], [0, 124, 119], [0, 36, 43], [0, 14, 19]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This dark-style palette of #00C4B0, #007C77, #00242B, #000E13 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #00c4b0; --color-2: #007c77; --color-3: #00242b; --color-4: #000e13. 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 4-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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