#C6E2A3 + #F99D77 + #FB4670 + #BC6188 + #6C5C7C · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C6E2A3

Willow Green · Silver · Apple Green

HEX

#C6E2A3

RGB

rgb(198, 226, 163)

HSL

hsl(87, 52%, 76%)

HSB

hsb(87, 28%, 89%)

CMYK

cmyk(12%, 0%, 28%, 11%)

Oklch

oklch(87.7% 0.089 127.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#F99D77

Apricot · LightSalmon · Warm Sun

HEX

#F99D77

RGB

rgb(249, 157, 119)

HSL

hsl(18, 92%, 72%)

HSB

hsb(18, 52%, 98%)

CMYK

cmyk(0%, 37%, 52%, 2%)

Oklch

oklch(78.1% 0.122 43.0)

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

#FB4670

Peach Pink · Tomato · Coral Red

HEX

#FB4670

RGB

rgb(251, 70, 112)

HSL

hsl(346, 96%, 63%)

HSB

hsb(346, 72%, 98%)

CMYK

cmyk(0%, 72%, 55%, 2%)

Oklch

oklch(66.6% 0.216 12.0)

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

#BC6188

Dark Violet · LightCoral · Rose Pink

HEX

#BC6188

RGB

rgb(188, 97, 136)

HSL

hsl(334, 40%, 56%)

HSB

hsb(334, 48%, 74%)

CMYK

cmyk(0%, 48%, 28%, 26%)

Oklch

oklch(61.1% 0.125 354.4)

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

#6C5C7C

Dark Plum · DimGray · Violet

HEX

#6C5C7C

RGB

rgb(108, 92, 124)

HSL

hsl(270, 15%, 42%)

HSB

hsb(270, 26%, 49%)

CMYK

cmyk(13%, 26%, 0%, 51%)

Oklch

oklch(50.2% 0.053 307.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6E2A3

BFA2E2

Analogous

E2DEA2

C6E2A3

A5E2A2

Triadic

C6E2A3

A2C5E2

E2A2C5

Split-Comp.

C6E2A3

A2A5E2

DEA2E2

Tetradic

C6E2A3

A2E2DE

BFA2E2

E2A2A5

Contrast Matrix WCAG 2.1 Contrast

C6E2A3	F99D77	FB4670	BC6188	6C5C7C
—	1.5 Fail	2.4 Fail	2.8 Fail	4.3 AA Large
1.5 Fail	—	1.6 Fail	1.9 Fail	2.9 Fail
2.4 Fail	1.6 Fail	—	1.2 Fail	1.8 Fail
2.8 Fail	1.9 Fail	1.2 Fail	—	1.5 Fail
4.3 AA Large	2.9 Fail	1.8 Fail	1.5 Fail	—

White BG

1.4Fail

2.1Fail

3.4AA Large

4.0AA Large

6.1AA

Black BG

14.8AAA

10.1AAA

6.2AA

5.2AA

3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2B2

D1D080

ADAB66

95947F

656574

Deuteranopia

D1CEB6

D7DD82

B7C563

9AA17C

666772

Tritanopia

C7BEC1

F48789

F25E5C

B77775

6B6E6D

Achromatopsia

D2D2D2

B4B4B4

818181

646464

Shades & Tints Shades & Tints

#C6E2A3

Dark

Light

#F99D77

Dark

Light

#FB4670

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6e2a3;
  --color-2: #f99d77;
  --color-3: #fb4670;
  --color-4: #bc6188;
  --color-5: #6c5c7c;
}

SCSS

$color-1: #c6e2a3;
$color-2: #f99d77;
$color-3: #fb4670;
$color-4: #bc6188;
$color-5: #6c5c7c;

TAILWIND

colors: {
  'brand-1': '#c6e2a3',
  'brand-2': '#f99d77',
  'brand-3': '#fb4670',
  'brand-4': '#bc6188',
  'brand-5': '#6c5c7c',
}

RGB Array

[198, 226, 163], [249, 157, 119], [251, 70, 112], [188, 97, 136], [108, 92, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #C6E2A3, #F99D77, #FB4670, #BC6188, #6C5C7C 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: #c6e2a3; --color-2: #f99d77; --color-3: #fb4670; --color-4: #bc6188; --color-5: #6c5c7c. 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 space-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