#37B8B0 + #5CABF7 + #73B295 + #1BC07E + #55C24F · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#37B8B0

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#37B8B0

RGB

rgb(55, 184, 176)

HSL

hsl(176, 54%, 47%)

HSB

hsb(176, 70%, 72%)

CMYK

cmyk(70%, 0%, 4%, 28%)

Oklch

oklch(71.2% 0.110 188.9)

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

#5CABF7

Sky Blue · CornflowerBlue · Cobalt Blue

HEX

#5CABF7

RGB

rgb(92, 171, 247)

HSL

hsl(209, 91%, 66%)

HSB

hsb(209, 63%, 97%)

CMYK

cmyk(63%, 31%, 0%, 3%)

Oklch

oklch(72.3% 0.136 249.4)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#73B295

Mineral Blue · DarkSeaGreen · Olive Green

HEX

#73B295

RGB

rgb(115, 178, 149)

HSL

hsl(152, 29%, 57%)

HSB

hsb(152, 35%, 70%)

CMYK

cmyk(35%, 0%, 16%, 30%)

Oklch

oklch(71.2% 0.078 163.8)

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

#1BC07E

Mineral Blue · MediumSeaGreen · Olive Green

HEX

#1BC07E

RGB

rgb(27, 192, 126)

HSL

hsl(156, 75%, 43%)

HSB

hsb(156, 86%, 75%)

CMYK

cmyk(86%, 0%, 34%, 25%)

Oklch

oklch(71.5% 0.159 159.2)

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

#55C24F

Celadon · MediumSeaGreen · Olive Green

HEX

#55C24F

RGB

rgb(85, 194, 79)

HSL

hsl(117, 49%, 54%)

HSB

hsb(117, 59%, 76%)

CMYK

cmyk(56%, 0%, 59%, 24%)

Oklch

oklch(72.5% 0.184 142.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

37B8B0

B93740

Analogous

37B96F

37B8B0

3780B9

Triadic

37B8B0

B037B9

B9B037

Split-Comp.

37B8B0

B93780

B96F37

Tetradic

37B8B0

6F37B9

B93740

80B937

Contrast Matrix WCAG 2.1 Contrast

37B8B0	5CABF7	73B295	1BC07E	55C24F
—	1.0 Fail	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

2.4Fail

2.5Fail

2.4Fail

2.3Fail

Black BG

8.6AAA

8.5AAA

8.9AAA

9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F70B2

7E7FE5

8E8F9C

62648E

84856B

Deuteranopia

675EB2

7A74E0

8B869E

594D92

7E7672

Tritanopia

3DB3B4

60D6D3

76A2A3

239B9D

5A8186

Achromatopsia

919191

9C9C9C

878787

949494

Shades & Tints Shades & Tints

#37B8B0

Dark

Light

#5CABF7

Dark

Light

#73B295

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #37b8b0;
  --color-2: #5cabf7;
  --color-3: #73b295;
  --color-4: #1bc07e;
  --color-5: #55c24f;
}

SCSS

$color-1: #37b8b0;
$color-2: #5cabf7;
$color-3: #73b295;
$color-4: #1bc07e;
$color-5: #55c24f;

TAILWIND

colors: {
  'brand-1': '#37b8b0',
  'brand-2': '#5cabf7',
  'brand-3': '#73b295',
  'brand-4': '#1bc07e',
  'brand-5': '#55c24f',
}

RGB Array

[55, 184, 176], [92, 171, 247], [115, 178, 149], [27, 192, 126], [85, 194, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #37B8B0, #5CABF7, #73B295, #1BC07E, #55C24F 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: #37b8b0; --color-2: #5cabf7; --color-3: #73b295; --color-4: #1bc07e; --color-5: #55c24f. 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 space-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