← Back to Editor

#41303A · #CD7373 · #CABCA1 · #B9E1E1 · #C68CA5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#41303A

Rose Purple · DarkSlateGray · Raspberry

HEX
#41303A
RGB
rgb(65, 48, 58)
HSL
hsl(325, 15%, 22%)
HSB
hsb(325, 26%, 25%)
CMYK
cmyk(0%, 26%, 11%, 75%)
Oklch
oklch(33.2% 0.030 342.7)

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

#CD7373

Peach Pink · LightCoral · Coral Red

HEX
#CD7373
RGB
rgb(205, 115, 115)
HSL
hsl(0, 47%, 63%)
HSB
hsb(0, 44%, 80%)
CMYK
cmyk(0%, 44%, 44%, 20%)
Oklch
oklch(65.6% 0.113 20.6)

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

#CABCA1

Goose Yellow · Tan · Sunflower

HEX
#CABCA1
RGB
rgb(202, 188, 161)
HSL
hsl(40, 28%, 71%)
HSB
hsb(40, 20%, 79%)
CMYK
cmyk(0%, 7%, 20%, 21%)
Oklch
oklch(80.0% 0.040 83.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#B9E1E1

Sky Blue · LightBlue · Glacier Blue

HEX
#B9E1E1
RGB
rgb(185, 225, 225)
HSL
hsl(180, 40%, 80%)
HSB
hsb(180, 18%, 88%)
CMYK
cmyk(18%, 0%, 0%, 12%)
Oklch
oklch(88.1% 0.042 196.4)

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

#C68CA5

Rouge · DarkGray · Rose Pink

HEX
#C68CA5
RGB
rgb(198, 140, 165)
HSL
hsl(334, 34%, 66%)
HSB
hsb(334, 29%, 78%)
CMYK
cmyk(0%, 29%, 17%, 22%)
Oklch
oklch(70.4% 0.077 351.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

41303A
304137

Analogous

3F3041
41303A
413031

Triadic

41303A
3A4130
303A41

Split-Comp.

41303A
314130
30413F

Tetradic

41303A
413F30
304137
303141

Contrast Matrix WCAG 2.1 Contrast

41303A
CD7373
CABCA1
B9E1E1
C68CA5
—
3.7
AA Large
6.6
AA
8.7
AAA
4.5
AA
3.7
AA Large
—
1.8
Fail
2.4
Fail
1.2
Fail
6.6
AA
1.8
Fail
—
1.3
Fail
1.5
Fail
8.7
AAA
2.4
Fail
1.3
Fail
—
1.9
Fail
4.5
AA
1.2
Fail
1.5
Fail
1.9
Fail
—
White BG
12.3AAA
3.3AA Large
1.9Fail
1.4Fail
2.7Fail
Black BG
1.7Fail
6.3AA
11.2AAA
14.9AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3938
A6A573
C4C4A8
CACBE1
ADAC9F

Deuteranopia

3B3C37
ABB273
C5C6A9
C8C5E1
B0B59E

Tritanopia

403635
C97373
C9ADAE
BBE1E1
C39A99

Achromatopsia

363636
8E8E8E
BDBDBD
D5D5D5
A0A0A0

Shades & Tints Shades & Tints

#41303A

Dark
Light

#CD7373

Dark
Light

#CABCA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #41303a;
  --color-2: #cd7373;
  --color-3: #cabca1;
  --color-4: #b9e1e1;
  --color-5: #c68ca5;
}

SCSS

$color-1: #41303a;
$color-2: #cd7373;
$color-3: #cabca1;
$color-4: #b9e1e1;
$color-5: #c68ca5;

TAILWIND

colors: {
  'brand-1': '#41303a',
  'brand-2': '#cd7373',
  'brand-3': '#cabca1',
  'brand-4': '#b9e1e1',
  'brand-5': '#c68ca5',
}

RGB Array

[65, 48, 58], [205, 115, 115], [202, 188, 161], [185, 225, 225], [198, 140, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #41303A, #CD7373, #CABCA1, #B9E1E1, #C68CA5 is ideal for: 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: #41303a; --color-2: #cd7373; --color-3: #cabca1; --color-4: #b9e1e1; --color-5: #c68ca5. 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. 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