#38C9BC + #53BDAF + #7FAC9B + #97A184 + #E3BEB6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#38C9BC

Mineral Blue · MediumTurquoise · Mint Ice

HEX

#38C9BC

RGB

rgb(56, 201, 188)

HSL

hsl(175, 57%, 50%)

HSB

hsb(175, 72%, 79%)

CMYK

cmyk(72%, 0%, 6%, 21%)

Oklch

oklch(75.8% 0.120 186.1)

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

#53BDAF

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#53BDAF

RGB

rgb(83, 189, 175)

HSL

hsl(172, 45%, 53%)

HSB

hsb(172, 56%, 74%)

CMYK

cmyk(56%, 0%, 7%, 26%)

Oklch

oklch(73.2% 0.100 183.6)

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

#7FAC9B

Mineral Blue · DarkSeaGreen · Olive Green

HEX

#7FAC9B

RGB

rgb(127, 172, 155)

HSL

hsl(157, 21%, 59%)

HSB

hsb(157, 26%, 67%)

CMYK

cmyk(26%, 0%, 10%, 33%)

Oklch

oklch(70.7% 0.054 169.5)

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

#97A184

Grass Green · DarkSeaGreen · Olive Green

HEX

#97A184

RGB

rgb(151, 161, 132)

HSL

hsl(81, 13%, 57%)

HSB

hsb(81, 18%, 63%)

CMYK

cmyk(6%, 0%, 18%, 37%)

Oklch

oklch(69.3% 0.043 123.0)

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

#E3BEB6

Peach Pink · LightPink · Coral Red

HEX

#E3BEB6

RGB

rgb(227, 190, 182)

HSL

hsl(11, 45%, 80%)

HSB

hsb(11, 20%, 89%)

CMYK

cmyk(0%, 16%, 20%, 11%)

Oklch

oklch(83.1% 0.044 32.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

38C9BC

C83743

Analogous

37C873

38C9BC

378CC8

Triadic

38C9BC

BC37C8

C8BC37

Split-Comp.

38C9BC

C8378C

C87337

Tetradic

38C9BC

7337C8

C83743

8CC837

Contrast Matrix WCAG 2.1 Contrast

38C9BC	53BDAF	7FAC9B	97A184	E3BEB6
—	1.1 Fail	1.2 Fail	1.3 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.5 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.6 Fail
1.2 Fail	1.3 Fail	1.5 Fail	1.6 Fail	—

White BG

2.0Fail

2.3Fail

2.5Fail

2.7Fail

1.7Fail

Black BG

10.2AAA

9.3AAA

8.3AAA

7.7AAA

12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7778BF

8182B2

92939F

9B9B8B

D3D3B8

Deuteranopia

6E64C0

7B73B3

908DA0

9B9A8D

D5D8B8

Tritanopia

3FC2C2

58B5B6

81A2A3

989192

E1B9BA

Achromatopsia

9C9C9C

9D9D9D

9B9B9B

C8C8C8

Shades & Tints Shades & Tints

#38C9BC

Dark

Light

#53BDAF

Dark

Light

#7FAC9B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #38c9bc;
  --color-2: #53bdaf;
  --color-3: #7fac9b;
  --color-4: #97a184;
  --color-5: #e3beb6;
}

SCSS

$color-1: #38c9bc;
$color-2: #53bdaf;
$color-3: #7fac9b;
$color-4: #97a184;
$color-5: #e3beb6;

TAILWIND

colors: {
  'brand-1': '#38c9bc',
  'brand-2': '#53bdaf',
  'brand-3': '#7fac9b',
  'brand-4': '#97a184',
  'brand-5': '#e3beb6',
}

RGB Array

[56, 201, 188], [83, 189, 175], [127, 172, 155], [151, 161, 132], [227, 190, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #38C9BC, #53BDAF, #7FAC9B, #97A184, #E3BEB6 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: #38c9bc; --color-2: #53bdaf; --color-3: #7fac9b; --color-4: #97a184; --color-5: #e3beb6. 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