#C92A91 + #CD33AF + #A4BA68 + #BEA5D6 + #5EDAE0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C92A91

Rose Purple · MediumVioletRed · Camellia

HEX

#C92A91

RGB

rgb(201, 42, 145)

HSL

hsl(321, 65%, 48%)

HSB

hsb(321, 79%, 79%)

CMYK

cmyk(0%, 79%, 28%, 21%)

Oklch

oklch(57.3% 0.214 346.6)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#CD33AF

Rose Purple · MediumVioletRed · Violet

HEX

#CD33AF

RGB

rgb(205, 51, 175)

HSL

hsl(312, 61%, 50%)

HSB

hsb(312, 75%, 80%)

CMYK

cmyk(0%, 75%, 15%, 20%)

Oklch

oklch(59.9% 0.226 337.3)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#A4BA68

Grass Green · DarkSeaGreen · Olive Green

HEX

#A4BA68

RGB

rgb(164, 186, 104)

HSL

hsl(76, 37%, 57%)

HSB

hsb(76, 44%, 73%)

CMYK

cmyk(12%, 0%, 44%, 27%)

Oklch

oklch(75.3% 0.110 121.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#BEA5D6

Lilac · Silver · Lilac Purple

HEX

#BEA5D6

RGB

rgb(190, 165, 214)

HSL

hsl(271, 37%, 74%)

HSB

hsb(271, 23%, 84%)

CMYK

cmyk(11%, 23%, 0%, 16%)

Oklch

oklch(76.0% 0.074 307.8)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#5EDAE0

Sky Blue · MediumTurquoise · Lake Green

HEX

#5EDAE0

RGB

rgb(94, 218, 224)

HSL

hsl(183, 68%, 62%)

HSB

hsb(183, 58%, 88%)

CMYK

cmyk(58%, 3%, 0%, 12%)

Oklch

oklch(82.1% 0.110 199.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C92A91

2BCA63

Analogous

B22BCA

C92A91

CA2B43

Triadic

C92A91

92CA2B

2B92CA

Split-Comp.

C92A91

43CA2B

2BCAB2

Tetradic

C92A91

CAB22B

2BCA63

2B43CA

Contrast Matrix WCAG 2.1 Contrast

C92A91	CD33AF	A4BA68	BEA5D6	5EDAE0
—	1.1 Fail	2.3 Fail	2.3 Fail	3.0 Fail
1.1 Fail	—	2.1 Fail	2.0 Fail	2.7 Fail
2.3 Fail	2.1 Fail	—	1.0 Fail	1.3 Fail
2.3 Fail	2.0 Fail	1.0 Fail	—	1.3 Fail
3.0 Fail	2.7 Fail	1.3 Fail	1.3 Fail	—

White BG

5.0AA

4.5AA Large

2.1Fail

2.2Fail

1.7Fail

Black BG

4.2AA Large

4.7AA

9.8AAA

9.5AAA

12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

848378

8A8991

AEAE7C

B3B3CA

9495DF

Deuteranopia

8D9972

939F8A

ACAB81

B5B7C7

8D83DE

Tritanopia

C16460

C57974

A58C8F

BDC1BF

64DDDD

Achromatopsia

656565

6F6F6F

AAAAAA

B2B2B2

B6B6B6

Shades & Tints Shades & Tints

#C92A91

Dark

Light

#CD33AF

Dark

Light

#A4BA68

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c92a91;
  --color-2: #cd33af;
  --color-3: #a4ba68;
  --color-4: #bea5d6;
  --color-5: #5edae0;
}

SCSS

$color-1: #c92a91;
$color-2: #cd33af;
$color-3: #a4ba68;
$color-4: #bea5d6;
$color-5: #5edae0;

TAILWIND

colors: {
  'brand-1': '#c92a91',
  'brand-2': '#cd33af',
  'brand-3': '#a4ba68',
  'brand-4': '#bea5d6',
  'brand-5': '#5edae0',
}

RGB Array

[201, 42, 145], [205, 51, 175], [164, 186, 104], [190, 165, 214], [94, 218, 224]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C92A91, #CD33AF, #A4BA68, #BEA5D6, #5EDAE0 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: #c92a91; --color-2: #cd33af; --color-3: #a4ba68; --color-4: #bea5d6; --color-5: #5edae0. 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 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