#426B95 + #3C929A + #3BB199 + #44C28C + #60D882 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#426B95

Indigo · SteelBlue · Navy Blue

HEX

#426B95

RGB

rgb(66, 107, 149)

HSL

hsl(210, 39%, 42%)

HSB

hsb(210, 56%, 58%)

CMYK

cmyk(56%, 28%, 0%, 42%)

Oklch

oklch(51.6% 0.081 250.2)

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

#3C929A

Slate Blue · SteelBlue · Mint Ice

HEX

#3C929A

RGB

rgb(60, 146, 154)

HSL

hsl(185, 44%, 42%)

HSB

hsb(185, 61%, 60%)

CMYK

cmyk(61%, 5%, 0%, 40%)

Oklch

oklch(61.1% 0.082 203.7)

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

#3BB199

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#3BB199

RGB

rgb(59, 177, 153)

HSL

hsl(168, 50%, 46%)

HSB

hsb(168, 67%, 69%)

CMYK

cmyk(67%, 0%, 14%, 31%)

Oklch

oklch(68.9% 0.110 176.5)

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

#44C28C

Mineral Blue · MediumSeaGreen · Olive Green

HEX

#44C28C

RGB

rgb(68, 194, 140)

HSL

hsl(154, 51%, 51%)

HSB

hsb(154, 65%, 76%)

CMYK

cmyk(65%, 0%, 28%, 24%)

Oklch

oklch(73.1% 0.137 161.3)

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

#60D882

Emerald · MediumAquaMarine · Apple Green

HEX

#60D882

RGB

rgb(96, 216, 130)

HSL

hsl(137, 61%, 61%)

HSB

hsb(137, 56%, 85%)

CMYK

cmyk(56%, 0%, 40%, 15%)

Oklch

oklch(79.2% 0.163 150.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

426B95

956B41

Analogous

419595

426B95

414195

Triadic

426B95

95416B

6B9541

Split-Comp.

426B95

954141

959541

Tetradic

426B95

954195

956B41

419541

Contrast Matrix WCAG 2.1 Contrast

426B95	3C929A	3BB199	44C28C	60D882
—	1.5 Fail	2.1 Fail	2.5 Fail	3.1 AA Large
1.5 Fail	—	1.4 Fail	1.6 Fail	2.0 Fail
2.1 Fail	1.4 Fail	—	1.2 Fail	1.5 Fail
2.5 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
3.1 AA Large	2.0 Fail	1.5 Fail	1.2 Fail	—

White BG

5.6AA

3.6AA Large

2.6Fail

2.2Fail

1.8Fail

Black BG

3.8AA Large

5.8AA

7.9AAA

9.3AAA

11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

54548B

616298

6E6F9F

7B7C99

949597

Deuteranopia

514E88

5C5698

675EA0

736A9C

8D849C

Tritanopia

448381

409796

41A3A4

4AA3A6

66A7AB

Achromatopsia

646464

797979

8B8B8B

969696

AAAAAA

Shades & Tints Shades & Tints

#426B95

Dark

Light

#3C929A

Dark

Light

#3BB199

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #426b95;
  --color-2: #3c929a;
  --color-3: #3bb199;
  --color-4: #44c28c;
  --color-5: #60d882;
}

SCSS

$color-1: #426b95;
$color-2: #3c929a;
$color-3: #3bb199;
$color-4: #44c28c;
$color-5: #60d882;

TAILWIND

colors: {
  'brand-1': '#426b95',
  'brand-2': '#3c929a',
  'brand-3': '#3bb199',
  'brand-4': '#44c28c',
  'brand-5': '#60d882',
}

RGB Array

[66, 107, 149], [60, 146, 154], [59, 177, 153], [68, 194, 140], [96, 216, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #426B95, #3C929A, #3BB199, #44C28C, #60D882 is ideal for: corporate websites, product showcases, portfolios. 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: #426b95; --color-2: #3c929a; --color-3: #3bb199; --color-4: #44c28c; --color-5: #60d882. 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. 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