#C28C6B + #C75948 + #CC3333 + #404536 + #0CC19A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C28C6B

Tangerine · DarkSalmon · Warm Sun

HEX

#C28C6B

RGB

rgb(194, 140, 107)

HSL

hsl(23, 42%, 59%)

HSB

hsb(23, 45%, 76%)

CMYK

cmyk(0%, 28%, 45%, 24%)

Oklch

oklch(68.5% 0.081 52.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C75948

Crimson · Chocolate · Passion Red

HEX

#C75948

RGB

rgb(199, 89, 72)

HSL

hsl(8, 53%, 53%)

HSB

hsb(8, 64%, 78%)

CMYK

cmyk(0%, 55%, 64%, 22%)

Oklch

oklch(59.9% 0.144 30.7)

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

#CC3333

Crimson · FireBrick · Passion Red

HEX

#CC3333

RGB

rgb(204, 51, 51)

HSL

hsl(0, 60%, 50%)

HSB

hsb(0, 75%, 80%)

CMYK

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

Oklch

oklch(55.9% 0.190 25.9)

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

#404536

Grass Green · DarkSlateGray · Forest Green

HEX

#404536

RGB

rgb(64, 69, 54)

HSL

hsl(80, 12%, 24%)

HSB

hsb(80, 22%, 27%)

CMYK

cmyk(7%, 0%, 22%, 73%)

Oklch

oklch(38.1% 0.026 122.6)

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

#0CC19A

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#0CC19A

RGB

rgb(12, 193, 154)

HSL

hsl(167, 88%, 40%)

HSB

hsb(167, 94%, 76%)

CMYK

cmyk(94%, 0%, 20%, 24%)

Oklch

oklch(72.3% 0.140 171.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C28C6B

6BA1C2

Analogous

C26B75

C28C6B

C2B86B

Triadic

C28C6B

6BC28C

8C6BC2

Split-Comp.

C28C6B

6BC2B8

6B75C2

Tetradic

C28C6B

75C26B

6BA1C2

B86BC2

Contrast Matrix WCAG 2.1 Contrast

C28C6B	C75948	CC3333	404536	0CC19A
—	1.5 Fail	1.8 Fail	3.4 AA Large	1.3 Fail
1.5 Fail	—	1.2 Fail	2.3 Fail	1.8 Fail
1.8 Fail	1.2 Fail	—	1.9 Fail	2.2 Fail
3.4 AA Large	2.3 Fail	1.9 Fail	—	4.3 AA Large
1.3 Fail	1.8 Fail	2.2 Fail	4.3 AA Large	—

White BG

2.9Fail

4.2AA Large

5.1AA

9.9AAA

2.3Fail

Black BG

7.3AAA

5.0AA

4.1AA Large

2.1Fail

9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAA73

97964C

8A8833

42423A

5A5CA3

Deuteranopia

AEB275

9EA64D

939E33

42423B

5042A6

Tritanopia

BF797B

C14F50

C43333

403C3D

15ABAD

Achromatopsia

989898

787878

616161

424242

868686

Shades & Tints Shades & Tints

#C28C6B

Dark

Light

#C75948

Dark

Light

#CC3333

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c28c6b;
  --color-2: #c75948;
  --color-3: #cc3333;
  --color-4: #404536;
  --color-5: #0cc19a;
}

SCSS

$color-1: #c28c6b;
$color-2: #c75948;
$color-3: #cc3333;
$color-4: #404536;
$color-5: #0cc19a;

TAILWIND

colors: {
  'brand-1': '#c28c6b',
  'brand-2': '#c75948',
  'brand-3': '#cc3333',
  'brand-4': '#404536',
  'brand-5': '#0cc19a',
}

RGB Array

[194, 140, 107], [199, 89, 72], [204, 51, 51], [64, 69, 54], [12, 193, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C28C6B, #C75948, #CC3333, #404536, #0CC19A 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: #c28c6b; --color-2: #c75948; --color-3: #cc3333; --color-4: #404536; --color-5: #0cc19a. 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