#ADADAD + #FF9580 + #C4A3AB + #86ADBA + #74A1C4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ADADAD

Ash · DarkGray · Silver Sand

HEX

#ADADAD

RGB

rgb(173, 173, 173)

HSL

hsl(0, 0%, 68%)

HSB

hsb(0, 0%, 68%)

CMYK

cmyk(0%, 0%, 0%, 32%)

Oklch

oklch(74.8% 0.000 89.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#FF9580

Peach Pink · LightSalmon · Coral Red

HEX

#FF9580

RGB

rgb(255, 149, 128)

HSL

hsl(10, 100%, 75%)

HSB

hsb(10, 50%, 100%)

CMYK

cmyk(0%, 42%, 50%, 0%)

Oklch

oklch(77.7% 0.132 32.1)

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

#C4A3AB

Peach Pink · DarkGray · Coral Red

HEX

#C4A3AB

RGB

rgb(196, 163, 171)

HSL

hsl(345, 22%, 70%)

HSB

hsb(345, 17%, 77%)

CMYK

cmyk(0%, 17%, 13%, 23%)

Oklch

oklch(74.7% 0.040 1.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#86ADBA

Sky Blue · DarkGray · Lake Green

HEX

#86ADBA

RGB

rgb(134, 173, 186)

HSL

hsl(195, 27%, 63%)

HSB

hsb(195, 28%, 73%)

CMYK

cmyk(28%, 7%, 0%, 27%)

Oklch

oklch(72.4% 0.046 220.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#74A1C4

Sky Blue · CadetBlue · Cobalt Blue

HEX

#74A1C4

RGB

rgb(116, 161, 196)

HSL

hsl(206, 40%, 61%)

HSB

hsb(206, 41%, 77%)

CMYK

cmyk(41%, 18%, 0%, 23%)

Oklch

oklch(69.0% 0.071 242.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADADAD

Analogous

ADADAD

Triadic

ADADAD

Split-Comp.

ADADAD

Tetradic

ADADAD

Contrast Matrix WCAG 2.1 Contrast

ADADAD	FF9580	C4A3AB	86ADBA	74A1C4
—	1.1 Fail	1.0 Fail	1.1 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.3 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.1 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

2.2Fail

2.1Fail

2.3Fail

2.4Fail

2.7Fail

Black BG

9.4AAA

9.9AAA

9.2AAA

8.7AAA

7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADADAD

D1D085

B6B5A9

9797B7

8788BC

Deuteranopia

ADADAD

D7DF86

B8BAA9

9592B6

8582BA

Tritanopia

ADADAD

FA898A

C2A8A7

88B4B4

76B5B3

Achromatopsia

ADADAD

B2B2B2

AEAEAE

A3A3A3

989898

Shades & Tints Shades & Tints

#ADADAD

Dark

Light

#FF9580

Dark

Light

#C4A3AB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adadad;
  --color-2: #ff9580;
  --color-3: #c4a3ab;
  --color-4: #86adba;
  --color-5: #74a1c4;
}

SCSS

$color-1: #adadad;
$color-2: #ff9580;
$color-3: #c4a3ab;
$color-4: #86adba;
$color-5: #74a1c4;

TAILWIND

colors: {
  'brand-1': '#adadad',
  'brand-2': '#ff9580',
  'brand-3': '#c4a3ab',
  'brand-4': '#86adba',
  'brand-5': '#74a1c4',
}

RGB Array

[173, 173, 173], [255, 149, 128], [196, 163, 171], [134, 173, 186], [116, 161, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADADAD, #FF9580, #C4A3AB, #86ADBA, #74A1C4 is ideal for: health products, baby brands, fresh-style blogs. 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: #adadad; --color-2: #ff9580; --color-3: #c4a3ab; --color-4: #86adba; --color-5: #74a1c4. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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