← Back to Editor

#78DEAB · #C3FF1F · #FF441F · #545344 · #000000

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#78DEAB

Jade · MediumAquaMarine · Apple Green

HEX
#78DEAB
RGB
rgb(120, 222, 171)
HSL
hsl(150, 61%, 67%)
HSB
hsb(150, 46%, 87%)
CMYK
cmyk(46%, 0%, 23%, 13%)
Oklch
oklch(82.5% 0.121 160.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#C3FF1F

Grass Green · GreenYellow · Olive Green

HEX
#C3FF1F
RGB
rgb(195, 255, 31)
HSL
hsl(76, 100%, 56%)
HSB
hsb(76, 88%, 100%)
CMYK
cmyk(24%, 0%, 88%, 0%)
Oklch
oklch(92.5% 0.228 125.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#FF441F

Vermilion · OrangeRed · Passion Red

HEX
#FF441F
RGB
rgb(255, 68, 31)
HSL
hsl(10, 100%, 56%)
HSB
hsb(10, 88%, 100%)
CMYK
cmyk(0%, 73%, 88%, 0%)
Oklch
oklch(66.0% 0.228 32.8)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#545344

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#545344
RGB
rgb(84, 83, 68)
HSL
hsl(56, 11%, 30%)
HSB
hsb(56, 19%, 33%)
CMYK
cmyk(0%, 1%, 19%, 67%)
Oklch
oklch(43.9% 0.024 104.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

78DEAB
DE78AB

Analogous

78DE78
78DEAB
78DEDE

Triadic

78DEAB
AB78DE
DEAB78

Split-Comp.

78DEAB
DE78DE
DE7878

Tetradic

78DEAB
7878DE
DE78AB
DEDE78

Contrast Matrix WCAG 2.1 Contrast

78DEAB
C3FF1F
FF441F
545344
000000
—
1.4
Fail
2.1
Fail
4.8
AA
12.8
AAA
1.4
Fail
—
2.9
Fail
6.5
AA
17.6
AAA
2.1
Fail
2.9
Fail
—
2.3
Fail
6.1
AA
4.8
AA
6.5
AA
2.3
Fail
—
2.7
Fail
12.8
AAA
17.6
AAA
6.1
AA
2.7
Fail
—
White BG
1.6Fail
1.2Fail
3.4AA Large
7.8AAA
21.0AAA
Black BG
12.8AAA
17.6AAA
6.1AA
2.7Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A5B7
DDDE55
AEAC28
545448
000000

Deuteranopia

9E97BA
DAD562
B9C72A
545449
000000

Tritanopia

7DC1C3
C68089
F62F31
544A4B
000000

Achromatopsia

BABABA
D4D4D4
787878
525252
000000

Shades & Tints Shades & Tints

#78DEAB

Dark
Light

#C3FF1F

Dark
Light

#FF441F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #78deab;
  --color-2: #c3ff1f;
  --color-3: #ff441f;
  --color-4: #545344;
  --color-5: #000000;
}

SCSS

$color-1: #78deab;
$color-2: #c3ff1f;
$color-3: #ff441f;
$color-4: #545344;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#78deab',
  'brand-2': '#c3ff1f',
  'brand-3': '#ff441f',
  'brand-4': '#545344',
  'brand-5': '#000000',
}

RGB Array

[120, 222, 171], [195, 255, 31], [255, 68, 31], [84, 83, 68], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #78DEAB, #C3FF1F, #FF441F, #545344, #000000 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #78deab; --color-2: #c3ff1f; --color-3: #ff441f; --color-4: #545344; --color-5: #000000. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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