← Back to Editor

#82D09C · #629D99 · #536071 · #593B55 · #62000A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#82D09C

Celadon · DarkSeaGreen · Apple Green

HEX
#82D09C
RGB
rgb(130, 208, 156)
HSL
hsl(140, 45%, 66%)
HSB
hsb(140, 38%, 82%)
CMYK
cmyk(38%, 0%, 25%, 18%)
Oklch
oklch(79.3% 0.107 154.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#629D99

Mineral Blue · CadetBlue · Mint Ice

HEX
#629D99
RGB
rgb(98, 157, 153)
HSL
hsl(176, 23%, 50%)
HSB
hsb(176, 38%, 62%)
CMYK
cmyk(38%, 0%, 3%, 38%)
Oklch
oklch(65.4% 0.062 190.3)

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

#536071

Indigo · DimGray · Prussian Blue

HEX
#536071
RGB
rgb(83, 96, 113)
HSL
hsl(214, 15%, 38%)
HSB
hsb(214, 27%, 44%)
CMYK
cmyk(27%, 15%, 0%, 56%)
Oklch
oklch(48.4% 0.032 255.2)

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

#593B55

Rose Purple · DarkSlateGray · Eggplant

HEX
#593B55
RGB
rgb(89, 59, 85)
HSL
hsl(308, 20%, 29%)
HSB
hsb(308, 34%, 35%)
CMYK
cmyk(0%, 34%, 4%, 65%)
Oklch
oklch(39.7% 0.058 331.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#62000A

Vermilion · Maroon · Deep Berry

HEX
#62000A
RGB
rgb(98, 0, 10)
HSL
hsl(354, 100%, 19%)
HSB
hsb(354, 100%, 38%)
CMYK
cmyk(0%, 100%, 90%, 62%)
Oklch
oklch(31.3% 0.127 24.9)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82D09C
CF81B5

Analogous

8ECF81
82D09C
81CFC2

Triadic

82D09C
9B81CF
CF9B81

Split-Comp.

82D09C
C281CF
CF818E

Tetradic

82D09C
818ECF
CF81B5
CFC281

Contrast Matrix WCAG 2.1 Contrast

82D09C
629D99
536071
593B55
62000A
—
1.7
Fail
3.5
AA Large
5.2
AA
7.5
AAA
1.7
Fail
—
2.1
Fail
3.1
AA Large
4.5
AA Large
3.5
AA Large
2.1
Fail
—
1.5
Fail
2.2
Fail
5.2
AA
3.1
AA Large
1.5
Fail
—
1.4
Fail
7.5
AAA
4.5
AA Large
2.2
Fail
1.4
Fail
—
White BG
1.8Fail
3.1AA Large
6.4AA
9.6AAA
13.8AAA
Black BG
11.5AAA
6.8AA
3.3AA Large
2.2Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A4A9
7C7C9A
59596D
4C4C4F
383708

Deuteranopia

9F99AC
78749A
58576C
4E504D
3D4507

Tritanopia

86B3B5
659B9B
546A69
584A49
5D0605

Achromatopsia

B3B3B3
8B8B8B
5E5E5E
474747
1E1E1E

Shades & Tints Shades & Tints

#82D09C

Dark
Light

#629D99

Dark
Light

#536071

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82d09c;
  --color-2: #629d99;
  --color-3: #536071;
  --color-4: #593b55;
  --color-5: #62000a;
}

SCSS

$color-1: #82d09c;
$color-2: #629d99;
$color-3: #536071;
$color-4: #593b55;
$color-5: #62000a;

TAILWIND

colors: {
  'brand-1': '#82d09c',
  'brand-2': '#629d99',
  'brand-3': '#536071',
  'brand-4': '#593b55',
  'brand-5': '#62000a',
}

RGB Array

[130, 208, 156], [98, 157, 153], [83, 96, 113], [89, 59, 85], [98, 0, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #82D09C, #629D99, #536071, #593B55, #62000A 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: #82d09c; --color-2: #629d99; --color-3: #536071; --color-4: #593b55; --color-5: #62000a. 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