← Back to Editor

#0C8E8E · #62AC9F · #8EBBA6 · #D4BC98 · #EAC49D

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

#0C8E8E

Lake Blue · Teal · Mint Ice

HEX
#0C8E8E
RGB
rgb(12, 142, 142)
HSL
hsl(180, 84%, 30%)
HSB
hsb(180, 92%, 56%)
CMYK
cmyk(92%, 0%, 0%, 44%)
Oklch
oklch(58.6% 0.098 194.8)

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

#62AC9F

Mineral Blue · CadetBlue · Lake Green

HEX
#62AC9F
RGB
rgb(98, 172, 159)
HSL
hsl(169, 31%, 53%)
HSB
hsb(169, 43%, 67%)
CMYK
cmyk(43%, 0%, 8%, 33%)
Oklch
oklch(69.2% 0.077 181.4)

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

#8EBBA6

Jade · DarkSeaGreen · Apple Green

HEX
#8EBBA6
RGB
rgb(142, 187, 166)
HSL
hsl(152, 25%, 65%)
HSB
hsb(152, 24%, 73%)
CMYK
cmyk(24%, 0%, 11%, 27%)
Oklch
oklch(75.4% 0.057 164.7)

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

#D4BC98

Goose Yellow · Tan · Warm Sun

HEX
#D4BC98
RGB
rgb(212, 188, 152)
HSL
hsl(36, 41%, 71%)
HSB
hsb(36, 28%, 83%)
CMYK
cmyk(0%, 11%, 28%, 17%)
Oklch
oklch(80.7% 0.056 77.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#EAC49D

Goose Yellow · BurlyWood · Peach Orange

HEX
#EAC49D
RGB
rgb(234, 196, 157)
HSL
hsl(30, 65%, 77%)
HSB
hsb(30, 33%, 92%)
CMYK
cmyk(0%, 16%, 33%, 8%)
Oklch
oklch(84.4% 0.067 67.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0C8E8E
8D0C0C

Analogous

0C8D4D
0C8E8E
0C4D8D

Triadic

0C8E8E
8D0C8D
8D8D0C

Split-Comp.

0C8E8E
8D0C4D
8D4D0C

Tetradic

0C8E8E
4D0C8D
8D0C0C
4D8D0C

Contrast Matrix WCAG 2.1 Contrast

0C8E8E
62AC9F
8EBBA6
D4BC98
EAC49D
—
1.5
Fail
1.9
Fail
2.2
Fail
2.4
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.9
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
2.2
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
2.4
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
White BG
4.0AA Large
2.7Fail
2.1Fail
1.8Fail
1.6Fail
Black BG
5.3AA
7.9AAA
9.8AAA
11.4AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

44458E
8283A2
A1A2AB
CAC9A1
DAD9A6

Deuteranopia

3D338E
7E78A3
9F9CAC
CBCDA3
DCDFA9

Tritanopia

138E8E
66A5A5
90AFB0
D3A8A9
E8AEB0

Achromatopsia

676767
949494
ABABAB
BFBFBF
CBCBCB

Shades & Tints Shades & Tints

#0C8E8E

Dark
Light

#62AC9F

Dark
Light

#8EBBA6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0c8e8e;
  --color-2: #62ac9f;
  --color-3: #8ebba6;
  --color-4: #d4bc98;
  --color-5: #eac49d;
}

SCSS

$color-1: #0c8e8e;
$color-2: #62ac9f;
$color-3: #8ebba6;
$color-4: #d4bc98;
$color-5: #eac49d;

TAILWIND

colors: {
  'brand-1': '#0c8e8e',
  'brand-2': '#62ac9f',
  'brand-3': '#8ebba6',
  'brand-4': '#d4bc98',
  'brand-5': '#eac49d',
}

RGB Array

[12, 142, 142], [98, 172, 159], [142, 187, 166], [212, 188, 152], [234, 196, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0C8E8E, #62AC9F, #8EBBA6, #D4BC98, #EAC49D 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: #0c8e8e; --color-2: #62ac9f; --color-3: #8ebba6; --color-4: #d4bc98; --color-5: #eac49d. 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