#CC2649 + #992C4B + #66324C + #33384E + #003E4F · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CC2649

Vermilion · Crimson · Passion Red

HEX

#CC2649

RGB

rgb(204, 38, 73)

HSL

hsl(347, 69%, 47%)

HSB

hsb(347, 81%, 80%)

CMYK

cmyk(0%, 81%, 64%, 20%)

Oklch

oklch(55.3% 0.199 16.0)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#992C4B

Dark Violet · Brown · Camellia

HEX

#992C4B

RGB

rgb(153, 44, 75)

HSL

hsl(343, 55%, 39%)

HSB

hsb(343, 71%, 60%)

CMYK

cmyk(0%, 71%, 51%, 40%)

Oklch

oklch(46.8% 0.145 7.7)

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

#66324C

Dark Violet · DarkSlateGray · Camellia

HEX

#66324C

RGB

rgb(102, 50, 76)

HSL

hsl(330, 34%, 30%)

HSB

hsb(330, 51%, 40%)

CMYK

cmyk(0%, 51%, 25%, 60%)

Oklch

oklch(39.4% 0.082 350.2)

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

#33384E

Indigo · DarkSlateGray · Prussian Blue

HEX

#33384E

RGB

rgb(51, 56, 78)

HSL

hsl(229, 21%, 25%)

HSB

hsb(229, 35%, 31%)

CMYK

cmyk(35%, 28%, 0%, 69%)

Oklch

oklch(34.6% 0.039 274.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#003E4F

Lake Blue · DarkSlateGray · Peacock Green

HEX

#003E4F

RGB

rgb(0, 62, 79)

HSL

hsl(193, 100%, 15%)

HSB

hsb(193, 100%, 31%)

CMYK

cmyk(100%, 22%, 0%, 69%)

Oklch

oklch(33.8% 0.063 223.2)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CC2649

25CBA7

Analogous

CB259C

CC2649

CB5425

Triadic

CC2649

49CB25

2549CB

Split-Comp.

CC2649

25CB54

259CCB

Tetradic

CC2649

9CCB25

25CBA7

5425CB

Contrast Matrix WCAG 2.1 Contrast

CC2649	992C4B	66324C	33384E	003E4F
—	1.4 Fail	1.9 Fail	2.2 Fail	2.2 Fail
1.4 Fail	—	1.3 Fail	1.6 Fail	1.6 Fail
1.9 Fail	1.3 Fail	—	1.2 Fail	1.2 Fail
2.2 Fail	1.6 Fail	1.2 Fail	—	1.0 Fail
2.2 Fail	1.6 Fail	1.2 Fail	1.0 Fail	—

White BG

5.3AA

7.5AAA

9.9AAA

11.6AAA

11.7AAA

Black BG

3.9AA Large

2.8Fail

2.1Fail

1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

848341

6A6943

4F4F46

353549

1B1B4B

Deuteranopia

8E9A3E

707842

535644

353547

17134A

Tritanopia

C43A38

943E3C

634140

334444

034847

Achromatopsia

5C5C5C

505050

454545

393939

2D2D2D

Shades & Tints Shades & Tints

#CC2649

Dark

Light

#992C4B

Dark

Light

#66324C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cc2649;
  --color-2: #992c4b;
  --color-3: #66324c;
  --color-4: #33384e;
  --color-5: #003e4f;
}

SCSS

$color-1: #cc2649;
$color-2: #992c4b;
$color-3: #66324c;
$color-4: #33384e;
$color-5: #003e4f;

TAILWIND

colors: {
  'brand-1': '#cc2649',
  'brand-2': '#992c4b',
  'brand-3': '#66324c',
  'brand-4': '#33384e',
  'brand-5': '#003e4f',
}

RGB Array

[204, 38, 73], [153, 44, 75], [102, 50, 76], [51, 56, 78], [0, 62, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #CC2649, #992C4B, #66324C, #33384E, #003E4F is ideal for: tech websites, dark mode UIs, game UIs. 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: #cc2649; --color-2: #992c4b; --color-3: #66324c; --color-4: #33384e; --color-5: #003e4f. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 cool-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