#3C413C + #296D74 + #008595 + #3DB0B3 + #82BFA1 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#3C413C

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#3C413C

RGB

rgb(60, 65, 60)

HSL

hsl(120, 4%, 25%)

HSB

hsb(120, 8%, 25%)

CMYK

cmyk(8%, 0%, 8%, 75%)

Oklch

oklch(36.9% 0.011 145.4)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#296D74

Slate Blue · SeaGreen · Mint Ice

HEX

#296D74

RGB

rgb(41, 109, 116)

HSL

hsl(186, 48%, 31%)

HSB

hsb(186, 65%, 45%)

CMYK

cmyk(65%, 6%, 0%, 55%)

Oklch

oklch(49.5% 0.068 204.6)

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

#008595

Lake Blue · Teal · Mint Ice

HEX

#008595

RGB

rgb(0, 133, 149)

HSL

hsl(186, 100%, 29%)

HSB

hsb(186, 100%, 58%)

CMYK

cmyk(100%, 11%, 0%, 42%)

Oklch

oklch(56.5% 0.098 209.5)

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

#3DB0B3

Slate Blue · LightSeaGreen · Mint Ice

HEX

#3DB0B3

RGB

rgb(61, 176, 179)

HSL

hsl(182, 49%, 47%)

HSB

hsb(182, 66%, 70%)

CMYK

cmyk(66%, 2%, 0%, 30%)

Oklch

oklch(69.5% 0.101 197.6)

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

#82BFA1

Jade · DarkSeaGreen · Apple Green

HEX

#82BFA1

RGB

rgb(130, 191, 161)

HSL

hsl(150, 32%, 63%)

HSB

hsb(150, 32%, 75%)

CMYK

cmyk(32%, 0%, 16%, 25%)

Oklch

oklch(75.4% 0.077 162.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3C413C

423D42

Analogous

40423D

3C413C

3D4240

Triadic

3C413C

3D3D42

423D3D

Split-Comp.

3C413C

403D42

423D40

Tetradic

3C413C

3D4042

423D42

42403D

Contrast Matrix WCAG 2.1 Contrast

3C413C	296D74	008595	3DB0B3	82BFA1
—	1.8 Fail	2.4 Fail	4.0 AA Large	4.9 AA
1.8 Fail	—	1.4 Fail	2.3 Fail	2.8 Fail
2.4 Fail	1.4 Fail	—	1.7 Fail	2.1 Fail
4.0 AA Large	2.3 Fail	1.7 Fail	—	1.2 Fail
4.9 AA	2.8 Fail	2.1 Fail	1.2 Fail	—

White BG

10.4AAA

5.9AA

4.4AA Large

2.6Fail

2.1Fail

Black BG

2.0Fail

3.5AA Large

4.8AA

8.1AAA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E3D

464772

3A3B91

6F70B2

9C9DA8

Deuteranopia

3E3E3E

433D72

322890

6860B2

9994AA

Tritanopia

3C3E3E

2C7171

078E8D

43B2B2

85AEAF

Achromatopsia

3F3F3F

595959

5F5F5F

8E8E8E

A9A9A9

Shades & Tints Shades & Tints

#3C413C

Dark

Light

#296D74

Dark

Light

#008595

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c413c;
  --color-2: #296d74;
  --color-3: #008595;
  --color-4: #3db0b3;
  --color-5: #82bfa1;
}

SCSS

$color-1: #3c413c;
$color-2: #296d74;
$color-3: #008595;
$color-4: #3db0b3;
$color-5: #82bfa1;

TAILWIND

colors: {
  'brand-1': '#3c413c',
  'brand-2': '#296d74',
  'brand-3': '#008595',
  'brand-4': '#3db0b3',
  'brand-5': '#82bfa1',
}

RGB Array

[60, 65, 60], [41, 109, 116], [0, 133, 149], [61, 176, 179], [130, 191, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #3C413C, #296D74, #008595, #3DB0B3, #82BFA1 is ideal for: tech websites, dark mode UIs, game UIs. 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: #3c413c; --color-2: #296d74; --color-3: #008595; --color-4: #3db0b3; --color-5: #82bfa1. 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 cool-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