#F79292 + #CF9D9D + #BDB9B9 + #AFDFED + #9CFFF5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F79292

Peach Pink · LightCoral · Coral Red

HEX

#F79292

RGB

rgb(247, 146, 146)

HSL

hsl(0, 86%, 77%)

HSB

hsb(0, 41%, 97%)

CMYK

cmyk(0%, 41%, 41%, 3%)

Oklch

oklch(76.6% 0.122 20.3)

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

#CF9D9D

Peach Pink · Tan · Coral Red

HEX

#CF9D9D

RGB

rgb(207, 157, 157)

HSL

hsl(0, 34%, 71%)

HSB

hsb(0, 24%, 81%)

CMYK

cmyk(0%, 24%, 24%, 19%)

Oklch

oklch(74.3% 0.060 18.6)

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

#BDB9B9

Silver Gray · Silver · Pearl Gray

HEX

#BDB9B9

RGB

rgb(189, 185, 185)

HSL

hsl(0, 3%, 73%)

HSB

hsb(0, 2%, 74%)

CMYK

cmyk(0%, 2%, 2%, 26%)

Oklch

oklch(78.9% 0.005 17.3)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#AFDFED

Sky Blue · LightBlue · Glacier Blue

HEX

#AFDFED

RGB

rgb(175, 223, 237)

HSL

hsl(194, 63%, 81%)

HSB

hsb(194, 26%, 93%)

CMYK

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

Oklch

oklch(87.5% 0.053 217.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#9CFFF5

Jade · LightBlue · Glacier Blue

HEX

#9CFFF5

RGB

rgb(156, 255, 245)

HSL

hsl(174, 100%, 81%)

HSB

hsb(174, 39%, 100%)

CMYK

cmyk(39%, 0%, 4%, 0%)

Oklch

oklch(93.6% 0.095 187.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F79292

92F7F7

Analogous

F792C4

F79292

F7C492

Triadic

F79292

92F792

9292F7

Split-Comp.

F79292

92F7C4

92C4F7

Tetradic

F79292

C4F792

92F7F7

C492F7

Contrast Matrix WCAG 2.1 Contrast

F79292	CF9D9D	BDB9B9	AFDFED	9CFFF5
—	1.1 Fail	1.1 Fail	1.5 Fail	1.9 Fail
1.1 Fail	—	1.2 Fail	1.6 Fail	2.0 Fail
1.1 Fail	1.2 Fail	—	1.4 Fail	1.7 Fail
1.5 Fail	1.6 Fail	1.4 Fail	—	1.2 Fail
1.9 Fail	2.0 Fail	1.7 Fail	1.2 Fail	—

White BG

2.2Fail

2.3Fail

1.9Fail

1.4Fail

1.2Fail

Black BG

9.5AAA

9.0AAA

10.8AAA

14.6AAA

18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCA92

B9B99D

BBBBB9

C4C4EA

C7C8F7

Deuteranopia

D1D992

BCC09D

BCBCB9

C1BDE9

C1BAF8

Tritanopia

F29292

CC9D9D

BDB9B9

B1E7E6

A1F9FA

Achromatopsia

B0B0B0

ACACAC

BABABA

D2D2D2

E0E0E0

Shades & Tints Shades & Tints

#F79292

Dark

Light

#CF9D9D

Dark

Light

#BDB9B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f79292;
  --color-2: #cf9d9d;
  --color-3: #bdb9b9;
  --color-4: #afdfed;
  --color-5: #9cfff5;
}

SCSS

$color-1: #f79292;
$color-2: #cf9d9d;
$color-3: #bdb9b9;
$color-4: #afdfed;
$color-5: #9cfff5;

TAILWIND

colors: {
  'brand-1': '#f79292',
  'brand-2': '#cf9d9d',
  'brand-3': '#bdb9b9',
  'brand-4': '#afdfed',
  'brand-5': '#9cfff5',
}

RGB Array

[247, 146, 146], [207, 157, 157], [189, 185, 185], [175, 223, 237], [156, 255, 245]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F79292, #CF9D9D, #BDB9B9, #AFDFED, #9CFFF5 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: #f79292; --color-2: #cf9d9d; --color-3: #bdb9b9; --color-4: #afdfed; --color-5: #9cfff5. 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