← Back to Editor

#C3CEE4 · #B8AEB8 · #930630 · #201322 · #442934

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

#C3CEE4

Azure · LightSteelBlue · Sky Blue

HEX
#C3CEE4
RGB
rgb(195, 206, 228)
HSL
hsl(220, 38%, 83%)
HSB
hsb(220, 14%, 89%)
CMYK
cmyk(14%, 10%, 0%, 11%)
Oklch
oklch(85.0% 0.033 264.4)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#B8AEB8

Ash · Silver · Silver Sand

HEX
#B8AEB8
RGB
rgb(184, 174, 184)
HSL
hsl(300, 7%, 70%)
HSB
hsb(300, 5%, 72%)
CMYK
cmyk(0%, 5%, 0%, 28%)
Oklch
oklch(76.2% 0.018 325.8)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#930630

Dark Violet · Brown · Camellia

HEX
#930630
RGB
rgb(147, 6, 48)
HSL
hsl(342, 92%, 30%)
HSB
hsb(342, 96%, 58%)
CMYK
cmyk(0%, 96%, 67%, 42%)
Oklch
oklch(42.4% 0.166 14.7)

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

#201322

Dark Plum · Black · Dark Purple

HEX
#201322
RGB
rgb(32, 19, 34)
HSL
hsl(292, 28%, 10%)
HSB
hsb(292, 44%, 13%)
CMYK
cmyk(6%, 44%, 0%, 87%)
Oklch
oklch(21.1% 0.035 322.0)

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

#442934

Dark Violet · DarkSlateGray · Raspberry

HEX
#442934
RGB
rgb(68, 41, 52)
HSL
hsl(336, 25%, 21%)
HSB
hsb(336, 40%, 27%)
CMYK
cmyk(0%, 40%, 24%, 73%)
Oklch
oklch(31.9% 0.044 353.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3CEE4
E4D9C3

Analogous

C3DFE4
C3CEE4
C9C3E4

Triadic

C3CEE4
E4C3CE
CEE4C3

Split-Comp.

C3CEE4
E4C9C3
DFE4C3

Tetradic

C3CEE4
E4C3DF
E4D9C3
C3E4C9

Contrast Matrix WCAG 2.1 Contrast

C3CEE4
B8AEB8
930630
201322
442934
—
1.4
Fail
5.7
AA
11.3
AAA
8.2
AAA
1.4
Fail
—
4.2
AA Large
8.3
AAA
6.1
AA
5.7
AA
4.2
AA Large
—
2.0
Fail
1.4
Fail
11.3
AAA
8.3
AAA
2.0
Fail
—
1.4
Fail
8.2
AAA
6.1
AA
1.4
Fail
1.4
Fail
—
White BG
1.6Fail
2.1Fail
9.1AAA
17.8AAA
13.0AAA
Black BG
13.3AAA
9.8AAA
2.3Fail
1.2Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8DF
B4B4B6
565526
1A1A1E
383831

Deuteranopia

C7C6DD
B4B5B5
5E6923
1B1C1D
3A3C31

Tritanopia

C4DADA
B7B4B3
8C1E1C
1F1C1B
432F2F

Achromatopsia

CDCDCD
B2B2B2
353535
191919
323232

Shades & Tints Shades & Tints

#C3CEE4

Dark
Light

#B8AEB8

Dark
Light

#930630

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3cee4;
  --color-2: #b8aeb8;
  --color-3: #930630;
  --color-4: #201322;
  --color-5: #442934;
}

SCSS

$color-1: #c3cee4;
$color-2: #b8aeb8;
$color-3: #930630;
$color-4: #201322;
$color-5: #442934;

TAILWIND

colors: {
  'brand-1': '#c3cee4',
  'brand-2': '#b8aeb8',
  'brand-3': '#930630',
  'brand-4': '#201322',
  'brand-5': '#442934',
}

RGB Array

[195, 206, 228], [184, 174, 184], [147, 6, 48], [32, 19, 34], [68, 41, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C3CEE4, #B8AEB8, #930630, #201322, #442934 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: #c3cee4; --color-2: #b8aeb8; --color-3: #930630; --color-4: #201322; --color-5: #442934. 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