#75AFB8 + #729797 + #82808A + #B65B7A + #FF1EC1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#75AFB8

Slate Blue · MediumAquaMarine · Lake Green

HEX

#75AFB8

RGB

rgb(117, 175, 184)

HSL

hsl(188, 32%, 59%)

HSB

hsb(188, 36%, 72%)

CMYK

cmyk(36%, 5%, 0%, 28%)

Oklch

oklch(71.7% 0.062 208.1)

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

#729797

Slate Blue · LightSlateGray · Lake Green

HEX

#729797

RGB

rgb(114, 151, 151)

HSL

hsl(180, 15%, 52%)

HSB

hsb(180, 25%, 59%)

CMYK

cmyk(25%, 0%, 0%, 41%)

Oklch

oklch(64.9% 0.041 196.2)

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

#82808A

Ash · Gray · Warm Gray

HEX

#82808A

RGB

rgb(130, 128, 138)

HSL

hsl(252, 4%, 52%)

HSB

hsb(252, 7%, 54%)

CMYK

cmyk(6%, 7%, 0%, 46%)

Oklch

oklch(60.5% 0.015 295.1)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#B65B7A

Dark Violet · Gray · Rose Pink

HEX

#B65B7A

RGB

rgb(182, 91, 122)

HSL

hsl(340, 38%, 54%)

HSB

hsb(340, 50%, 71%)

CMYK

cmyk(0%, 50%, 33%, 29%)

Oklch

oklch(58.9% 0.122 359.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FF1EC1

Rose Purple · DeepPink · Violet

HEX

#FF1EC1

RGB

rgb(255, 30, 193)

HSL

hsl(317, 100%, 56%)

HSB

hsb(317, 88%, 100%)

CMYK

cmyk(0%, 88%, 24%, 0%)

Oklch

oklch(67.6% 0.278 343.5)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75AFB8

B87E75

Analogous

75B89F

75AFB8

758EB8

Triadic

75AFB8

B875AF

AFB875

Split-Comp.

75AFB8

B8758E

B89F75

Tetradic

75AFB8

9F75B8

B87E75

8EB875

Contrast Matrix WCAG 2.1 Contrast

75AFB8	729797	82808A	B65B7A	FF1EC1
—	1.3 Fail	1.6 Fail	1.8 Fail	1.4 Fail
1.3 Fail	—	1.2 Fail	1.4 Fail	1.1 Fail
1.6 Fail	1.2 Fail	—	1.1 Fail	1.1 Fail
1.8 Fail	1.4 Fail	1.1 Fail	—	1.3 Fail
1.4 Fail	1.1 Fail	1.1 Fail	1.3 Fail	—

White BG

2.4Fail

3.2AA Large

3.9AA Large

4.4AA Large

3.4AA Large

Black BG

8.6AAA

6.6AA

5.4AA

4.8AA

6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8FB6

828297

818188

8F8E72

9E9C9A

Deuteranopia

8B86B5

807D97

818187

949B71

ABBC90

Tritanopia

78B4B4

749797

828685

B16D6B

F47A74

Achromatopsia

9F9F9F

8C8C8C

828282

7A7A7A

747474

Shades & Tints Shades & Tints

#75AFB8

Dark

Light

#729797

Dark

Light

#82808A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75afb8;
  --color-2: #729797;
  --color-3: #82808a;
  --color-4: #b65b7a;
  --color-5: #ff1ec1;
}

SCSS

$color-1: #75afb8;
$color-2: #729797;
$color-3: #82808a;
$color-4: #b65b7a;
$color-5: #ff1ec1;

TAILWIND

colors: {
  'brand-1': '#75afb8',
  'brand-2': '#729797',
  'brand-3': '#82808a',
  'brand-4': '#b65b7a',
  'brand-5': '#ff1ec1',
}

RGB Array

[117, 175, 184], [114, 151, 151], [130, 128, 138], [182, 91, 122], [255, 30, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75AFB8, #729797, #82808A, #B65B7A, #FF1EC1 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: #75afb8; --color-2: #729797; --color-3: #82808a; --color-4: #b65b7a; --color-5: #ff1ec1. 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