#261B46 + #8C2B4A + #A52F4F + #C22C51 + #CFC853 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#261B46

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX

#261B46

RGB

rgb(38, 27, 70)

HSL

hsl(255, 44%, 19%)

HSB

hsb(255, 61%, 27%)

CMYK

cmyk(46%, 61%, 0%, 73%)

Oklch

oklch(26.1% 0.077 292.0)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#8C2B4A

Dark Violet · Brown · Camellia

HEX

#8C2B4A

RGB

rgb(140, 43, 74)

HSL

hsl(341, 53%, 36%)

HSB

hsb(341, 69%, 55%)

CMYK

cmyk(0%, 69%, 47%, 45%)

Oklch

oklch(44.4% 0.133 4.8)

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

#A52F4F

Dark Violet · Brown · Camellia

HEX

#A52F4F

RGB

rgb(165, 47, 79)

HSL

hsl(344, 56%, 42%)

HSB

hsb(344, 72%, 65%)

CMYK

cmyk(0%, 72%, 52%, 35%)

Oklch

oklch(49.3% 0.154 8.8)

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

#C22C51

Vermilion · Crimson · Passion Red

HEX

#C22C51

RGB

rgb(194, 44, 81)

HSL

hsl(345, 63%, 47%)

HSB

hsb(345, 77%, 76%)

CMYK

cmyk(0%, 77%, 58%, 24%)

Oklch

oklch(54.1% 0.185 12.3)

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

#CFC853

Autumn Sage · SandyBrown · Sunflower

HEX

#CFC853

RGB

rgb(207, 200, 83)

HSL

hsl(57, 56%, 57%)

HSB

hsb(57, 60%, 81%)

CMYK

cmyk(0%, 3%, 60%, 19%)

Oklch

oklch(81.6% 0.138 105.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

261B46

3B461B

Analogous

1B2646

261B46

3B1B46

Triadic

261B46

46261B

1B4626

Split-Comp.

261B46

463B1B

26461B

Tetradic

261B46

461B26

3B461B

1B463B

Contrast Matrix WCAG 2.1 Contrast

261B46	8C2B4A	A52F4F	C22C51	CFC853
—	1.9 Fail	2.3 Fail	2.8 Fail	9.1 AAA
1.9 Fail	—	1.2 Fail	1.5 Fail	4.7 AA
2.3 Fail	1.2 Fail	—	1.2 Fail	3.9 AA Large
2.8 Fail	1.5 Fail	1.2 Fail	—	3.2 AA Large
9.1 AAA	4.7 AA	3.9 AA Large	3.2 AA Large	—

White BG

15.8AAA

8.2AAA

6.7AA

5.6AA

1.7Fail

Black BG

1.3Fail

2.6Fail

3.1AA Large

3.8AA Large

12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

21213C

626142

727147

818048

CCCC6F

Deuteranopia

222339

686F41

798245

8A9546

CCCD76

Tritanopia

253332

873D3B

9F4140

BA413F

CF868B

Achromatopsia

232323

4C4C4C

565656

5D5D5D

BDBDBD

Shades & Tints Shades & Tints

#261B46

Dark

Light

#8C2B4A

Dark

Light

#A52F4F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #261b46;
  --color-2: #8c2b4a;
  --color-3: #a52f4f;
  --color-4: #c22c51;
  --color-5: #cfc853;
}

SCSS

$color-1: #261b46;
$color-2: #8c2b4a;
$color-3: #a52f4f;
$color-4: #c22c51;
$color-5: #cfc853;

TAILWIND

colors: {
  'brand-1': '#261b46',
  'brand-2': '#8c2b4a',
  'brand-3': '#a52f4f',
  'brand-4': '#c22c51',
  'brand-5': '#cfc853',
}

RGB Array

[38, 27, 70], [140, 43, 74], [165, 47, 79], [194, 44, 81], [207, 200, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #261B46, #8C2B4A, #A52F4F, #C22C51, #CFC853 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: #261b46; --color-2: #8c2b4a; --color-3: #a52f4f; --color-4: #c22c51; --color-5: #cfc853. 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