← Back to Editor

#32404A · #026F5F · #79C7A0 · #C4F5BF · #6FBFBD

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#32404A

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#32404A
RGB
rgb(50, 64, 74)
HSL
hsl(205, 19%, 24%)
HSB
hsb(205, 32%, 29%)
CMYK
cmyk(32%, 14%, 0%, 71%)
Oklch
oklch(36.3% 0.025 239.5)

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

#026F5F

Mineral Blue · Teal · Peacock Green

HEX
#026F5F
RGB
rgb(2, 111, 95)
HSL
hsl(171, 96%, 22%)
HSB
hsb(171, 98%, 44%)
CMYK
cmyk(98%, 0%, 14%, 56%)
Oklch
oklch(48.5% 0.089 178.1)

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

#79C7A0

Jade · MediumAquaMarine · Apple Green

HEX
#79C7A0
RGB
rgb(121, 199, 160)
HSL
hsl(150, 41%, 63%)
HSB
hsb(150, 39%, 78%)
CMYK
cmyk(39%, 0%, 20%, 22%)
Oklch
oklch(76.8% 0.096 161.2)

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

#C4F5BF

Emerald · LightGray · Mint Green

HEX
#C4F5BF
RGB
rgb(196, 245, 191)
HSL
hsl(114, 73%, 85%)
HSB
hsb(114, 22%, 96%)
CMYK
cmyk(20%, 0%, 22%, 4%)
Oklch
oklch(92.2% 0.088 142.4)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#6FBFBD

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#6FBFBD
RGB
rgb(111, 191, 189)
HSL
hsl(179, 38%, 59%)
HSB
hsb(179, 42%, 75%)
CMYK
cmyk(42%, 0%, 1%, 25%)
Oklch
oklch(75.3% 0.079 193.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

32404A
493B32

Analogous

324947
32404A
323449

Triadic

32404A
49323F
3F4932

Split-Comp.

32404A
493234
494732

Tetradic

32404A
473249
493B32
344932

Contrast Matrix WCAG 2.1 Contrast

32404A
026F5F
79C7A0
C4F5BF
6FBFBD
—
1.7
Fail
5.3
AA
8.7
AAA
5.0
AA
1.7
Fail
—
3.0
AA Large
5.0
AA
2.9
Fail
5.3
AA
3.0
AA Large
—
1.6
Fail
1.1
Fail
8.7
AAA
5.0
AA
1.6
Fail
—
1.7
Fail
5.0
AA
2.9
Fail
1.1
Fail
1.7
Fail
—
White BG
10.7AAA
6.1AA
2.0Fail
1.2Fail
2.1Fail
Black BG
2.0Fail
3.4AA Large
10.5AAA
17.2AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

383848
313263
9B9BA9
D9DACC
9292BD

Deuteranopia

373647
2B2364
9690AC
D6D3CF
8D87BE

Tritanopia

334645
076667
7DB1B3
C6D6D9
73BEBE

Achromatopsia

3D3D3D
4D4D4D
ABABAB
E0E0E0
A7A7A7

Shades & Tints Shades & Tints

#32404A

Dark
Light

#026F5F

Dark
Light

#79C7A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #32404a;
  --color-2: #026f5f;
  --color-3: #79c7a0;
  --color-4: #c4f5bf;
  --color-5: #6fbfbd;
}

SCSS

$color-1: #32404a;
$color-2: #026f5f;
$color-3: #79c7a0;
$color-4: #c4f5bf;
$color-5: #6fbfbd;

TAILWIND

colors: {
  'brand-1': '#32404a',
  'brand-2': '#026f5f',
  'brand-3': '#79c7a0',
  'brand-4': '#c4f5bf',
  'brand-5': '#6fbfbd',
}

RGB Array

[50, 64, 74], [2, 111, 95], [121, 199, 160], [196, 245, 191], [111, 191, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #32404A, #026F5F, #79C7A0, #C4F5BF, #6FBFBD 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: #32404a; --color-2: #026f5f; --color-3: #79c7a0; --color-4: #c4f5bf; --color-5: #6fbfbd. 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