← Back to Editor

#FBF8F5 · #C7ADB3 · #CC035F · #92739E · #C6A7FA

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FBF8F5

Goose Yellow · Snow · Peach Orange

HEX
#FBF8F5
RGB
rgb(251, 248, 245)
HSL
hsl(30, 43%, 97%)
HSB
hsb(30, 2%, 98%)
CMYK
cmyk(0%, 1%, 2%, 2%)
Oklch
oklch(98.1% 0.005 67.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C7ADB3

Peach Pink · Silver · Coral Red

HEX
#C7ADB3
RGB
rgb(199, 173, 179)
HSL
hsl(346, 19%, 73%)
HSB
hsb(346, 13%, 78%)
CMYK
cmyk(0%, 13%, 10%, 22%)
Oklch
oklch(77.2% 0.031 2.2)

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

#CC035F

Dark Violet · Crimson · Camellia

HEX
#CC035F
RGB
rgb(204, 3, 95)
HSL
hsl(333, 97%, 41%)
HSB
hsb(333, 99%, 80%)
CMYK
cmyk(0%, 99%, 53%, 20%)
Oklch
oklch(54.4% 0.218 4.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#92739E

Dark Plum · LightSlateGray · Violet

HEX
#92739E
RGB
rgb(146, 115, 158)
HSL
hsl(283, 18%, 54%)
HSB
hsb(283, 27%, 62%)
CMYK
cmyk(8%, 27%, 0%, 38%)
Oklch
oklch(60.1% 0.073 316.4)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#C6A7FA

Wisteria · LightSteelBlue · Lavender

HEX
#C6A7FA
RGB
rgb(198, 167, 250)
HSL
hsl(262, 89%, 82%)
HSB
hsb(262, 33%, 98%)
CMYK
cmyk(21%, 33%, 0%, 2%)
Oklch
oklch(78.6% 0.120 300.9)

Traditional「Wisteria」· Paint「Lavender」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBF8F5
F4F7FB

Analogous

FBF4F4
FBF8F5
FBFBF4

Triadic

FBF8F5
F4FBF7
F7F4FB

Split-Comp.

FBF8F5
F4FBFB
F4F4FB

Tetradic

FBF8F5
F4FBF4
F4F7FB
FBF4FB

Contrast Matrix WCAG 2.1 Contrast

FBF8F5
C7ADB3
CC035F
92739E
C6A7FA
—
2.0
Fail
5.3
AA
3.8
AA Large
1.9
Fail
2.0
Fail
—
2.7
Fail
1.9
Fail
1.0
Fail
5.3
AA
2.7
Fail
—
1.4
Fail
2.8
Fail
3.8
AA Large
1.9
Fail
1.4
Fail
—
2.0
Fail
1.9
Fail
1.0
Fail
2.8
Fail
2.0
Fail
—
White BG
1.1Fail
2.1Fail
5.6AA
4.1AA Large
2.0Fail
Black BG
19.8AAA
10.1AAA
3.7AA Large
5.2AA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAF6
BCBCB2
757349
858494
B9B8E6

Deuteranopia

FAFAF6
BDBFB1
819043
868991
BABDE1

Tritanopia

FBF6F6
C6B0B0
C23733
908B8A
C4D6D3

Achromatopsia

F9F9F9
B5B5B5
4A4A4A
818181
BABABA

Shades & Tints Shades & Tints

#FBF8F5

Dark
Light

#C7ADB3

Dark
Light

#CC035F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbf8f5;
  --color-2: #c7adb3;
  --color-3: #cc035f;
  --color-4: #92739e;
  --color-5: #c6a7fa;
}

SCSS

$color-1: #fbf8f5;
$color-2: #c7adb3;
$color-3: #cc035f;
$color-4: #92739e;
$color-5: #c6a7fa;

TAILWIND

colors: {
  'brand-1': '#fbf8f5',
  'brand-2': '#c7adb3',
  'brand-3': '#cc035f',
  'brand-4': '#92739e',
  'brand-5': '#c6a7fa',
}

RGB Array

[251, 248, 245], [199, 173, 179], [204, 3, 95], [146, 115, 158], [198, 167, 250]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBF8F5, #C7ADB3, #CC035F, #92739E, #C6A7FA is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #fbf8f5; --color-2: #c7adb3; --color-3: #cc035f; --color-4: #92739e; --color-5: #c6a7fa. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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