#769292 + #B6A9A9 + #F09476 + #E06560 + #D03147 · skin - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#769292

Slate Blue · LightSlateGray · Lake Green

HEX

#769292

RGB

rgb(118, 146, 146)

HSL

hsl(180, 11%, 52%)

HSB

hsb(180, 19%, 57%)

CMYK

cmyk(19%, 0%, 0%, 43%)

Oklch

oklch(63.8% 0.032 196.4)

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

#B6A9A9

Peach Pink · DarkGray · Silver Sand

HEX

#B6A9A9

RGB

rgb(182, 169, 169)

HSL

hsl(0, 8%, 69%)

HSB

hsb(0, 7%, 71%)

CMYK

cmyk(0%, 7%, 7%, 29%)

Oklch

oklch(74.6% 0.015 17.5)

Traditional「Peach Pink」· Paint「Silver Sand」· Creative Urban Concrete

#F09476

Apricot · DarkSalmon · Warm Sun

HEX

#F09476

RGB

rgb(240, 148, 118)

HSL

hsl(15, 80%, 70%)

HSB

hsb(15, 51%, 94%)

CMYK

cmyk(0%, 38%, 51%, 6%)

Oklch

oklch(75.5% 0.119 38.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E06560

Peach Pink · Tomato · Coral Red

HEX

#E06560

RGB

rgb(224, 101, 96)

HSL

hsl(2, 67%, 63%)

HSB

hsb(2, 57%, 88%)

CMYK

cmyk(0%, 55%, 57%, 12%)

Oklch

oklch(65.7% 0.155 24.6)

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

#D03147

Vermilion · Crimson · Passion Red

HEX

#D03147

RGB

rgb(208, 49, 71)

HSL

hsl(352, 63%, 50%)

HSB

hsb(352, 76%, 82%)

CMYK

cmyk(0%, 76%, 66%, 18%)

Oklch

oklch(56.8% 0.194 18.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

769292

927777

Analogous

779285

769292

778592

Triadic

769292

927792

929277

Split-Comp.

769292

927785

928577

Tetradic

769292

857792

927777

859277

Contrast Matrix WCAG 2.1 Contrast

769292	B6A9A9	F09476	E06560	D03147
—	1.5 Fail	1.5 Fail	1.0 Fail	1.5 Fail
1.5 Fail	—	1.0 Fail	1.5 Fail	2.2 Fail
1.5 Fail	1.0 Fail	—	1.5 Fail	2.2 Fail
1.0 Fail	1.5 Fail	1.5 Fail	—	1.5 Fail
1.5 Fail	2.2 Fail	2.2 Fail	1.5 Fail	—

White BG

3.3AA Large

2.3Fail

3.4AA Large

5.0AA

Black BG

6.3AA

9.2AAA

6.2AA

4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

828292

B0B0A9

C8C77D

ABAA61

8B8A42

Deuteranopia

817E92

B1B2A9

CED47F

B2BB61

94A040

Tritanopia

779292

B5A9A9

EB8384

DA6262

C83D3D

Achromatopsia

8A8A8A

ADADAD

ACACAC

898989

636363

Shades & Tints Shades & Tints

#769292

Dark

Light

#B6A9A9

Dark

Light

#F09476

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #769292;
  --color-2: #b6a9a9;
  --color-3: #f09476;
  --color-4: #e06560;
  --color-5: #d03147;
}

SCSS

$color-1: #769292;
$color-2: #b6a9a9;
$color-3: #f09476;
$color-4: #e06560;
$color-5: #d03147;

TAILWIND

colors: {
  'brand-1': '#769292',
  'brand-2': '#b6a9a9',
  'brand-3': '#f09476',
  'brand-4': '#e06560',
  'brand-5': '#d03147',
}

RGB Array

[118, 146, 146], [182, 169, 169], [240, 148, 118], [224, 101, 96], [208, 49, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #769292, #B6A9A9, #F09476, #E06560, #D03147 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: #769292; --color-2: #b6a9a9; --color-3: #f09476; --color-4: #e06560; --color-5: #d03147. 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 skin-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