← Back to Editor

#C60272 · #9D297A · #B07498 · #B09DA3 · #BDDBB9

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C60272

Rose Purple · MediumVioletRed · Camellia

HEX
#C60272
RGB
rgb(198, 2, 114)
HSL
hsl(326, 98%, 39%)
HSB
hsb(326, 99%, 78%)
CMYK
cmyk(0%, 99%, 42%, 22%)
Oklch
oklch(53.9% 0.220 356.2)

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

#9D297A

Rose Purple · MediumVioletRed · Eggplant

HEX
#9D297A
RGB
rgb(157, 41, 122)
HSL
hsl(318, 59%, 39%)
HSB
hsb(318, 74%, 62%)
CMYK
cmyk(0%, 74%, 22%, 38%)
Oklch
oklch(49.0% 0.173 342.7)

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

#B07498

Rose Purple · Gray · Rose Pink

HEX
#B07498
RGB
rgb(176, 116, 152)
HSL
hsl(324, 28%, 57%)
HSB
hsb(324, 34%, 69%)
CMYK
cmyk(0%, 34%, 14%, 31%)
Oklch
oklch(63.3% 0.089 343.2)

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

#B09DA3

Rouge · DarkGray · Rose Pink

HEX
#B09DA3
RGB
rgb(176, 157, 163)
HSL
hsl(341, 11%, 65%)
HSB
hsb(341, 11%, 69%)
CMYK
cmyk(0%, 11%, 7%, 31%)
Oklch
oklch(71.4% 0.024 356.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#BDDBB9

Celadon · Silver · Apple Green

HEX
#BDDBB9
RGB
rgb(189, 219, 185)
HSL
hsl(113, 32%, 79%)
HSB
hsb(113, 16%, 86%)
CMYK
cmyk(14%, 0%, 16%, 14%)
Oklch
oklch(86.0% 0.056 141.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C60272
02C556

Analogous

B802C5
C60272
C5020F

Triadic

C60272
70C502
0270C5

Split-Comp.

C60272
0FC502
02C5B8

Tetradic

C60272
C5B802
02C556
020FC5

Contrast Matrix WCAG 2.1 Contrast

C60272
9D297A
B07498
B09DA3
BDDBB9
—
1.2
Fail
1.6
Fail
2.2
Fail
3.8
AA Large
1.2
Fail
—
1.9
Fail
2.7
Fail
4.6
AA
1.6
Fail
1.9
Fail
—
1.4
Fail
2.4
Fail
2.2
Fail
2.7
Fail
1.4
Fail
—
1.7
Fail
3.8
AA Large
4.6
AA
2.4
Fail
1.7
Fail
—
White BG
5.7AA
6.9AA
3.6AA Large
2.6Fail
1.5Fail
Black BG
3.7AA Large
3.0AA Large
5.8AA
8.2AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

716F57
6B6A66
96958F
A8A8A2
CACAC1

Deuteranopia

7D8B50
727A62
9A9E8D
A9AAA1
C8C6C3

Tritanopia

BC423D
975754
AD8887
AFA0A0
BEC8C9

Achromatopsia

494949
555555
8A8A8A
A3A3A3
CECECE

Shades & Tints Shades & Tints

#C60272

Dark
Light

#9D297A

Dark
Light

#B07498

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c60272;
  --color-2: #9d297a;
  --color-3: #b07498;
  --color-4: #b09da3;
  --color-5: #bddbb9;
}

SCSS

$color-1: #c60272;
$color-2: #9d297a;
$color-3: #b07498;
$color-4: #b09da3;
$color-5: #bddbb9;

TAILWIND

colors: {
  'brand-1': '#c60272',
  'brand-2': '#9d297a',
  'brand-3': '#b07498',
  'brand-4': '#b09da3',
  'brand-5': '#bddbb9',
}

RGB Array

[198, 2, 114], [157, 41, 122], [176, 116, 152], [176, 157, 163], [189, 219, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C60272, #9D297A, #B07498, #B09DA3, #BDDBB9 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: #c60272; --color-2: #9d297a; --color-3: #b07498; --color-4: #b09da3; --color-5: #bddbb9. 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