← Back to Editor

#9F1B29 · #C2C5D6 · #B36A0C · #C2C7DA · #768132

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

#9F1B29

Vermilion · Brown · Wine Red

HEX
#9F1B29
RGB
rgb(159, 27, 41)
HSL
hsl(354, 71%, 36%)
HSB
hsb(354, 83%, 62%)
CMYK
cmyk(0%, 83%, 74%, 38%)
Oklch
oklch(45.7% 0.166 22.1)

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

#C2C5D6

Azure · LightSteelBlue · Cobalt Blue

HEX
#C2C5D6
RGB
rgb(194, 197, 214)
HSL
hsl(231, 20%, 80%)
HSB
hsb(231, 9%, 84%)
CMYK
cmyk(9%, 8%, 0%, 16%)
Oklch
oklch(82.6% 0.024 277.9)

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

#B36A0C

Ochre · DarkGoldenRod · Amber Brown

HEX
#B36A0C
RGB
rgb(179, 106, 12)
HSL
hsl(34, 87%, 37%)
HSB
hsb(34, 93%, 70%)
CMYK
cmyk(0%, 41%, 93%, 30%)
Oklch
oklch(59.3% 0.131 63.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#C2C7DA

Azure · LightSteelBlue · Sky Blue

HEX
#C2C7DA
RGB
rgb(194, 199, 218)
HSL
hsl(227, 24%, 81%)
HSB
hsb(227, 11%, 85%)
CMYK
cmyk(11%, 9%, 0%, 15%)
Oklch
oklch(83.2% 0.027 274.0)

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

#768132

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#768132
RGB
rgb(118, 129, 50)
HSL
hsl(68, 44%, 35%)
HSB
hsb(68, 61%, 51%)
CMYK
cmyk(9%, 0%, 61%, 49%)
Oklch
oklch(57.7% 0.104 116.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9F1B29
1B9D90

Analogous

9D1B69
9F1B29
9D4F1B

Triadic

9F1B29
289D1B
1B289D

Split-Comp.

9F1B29
1B9D4F
1B699D

Tetradic

9F1B29
699D1B
1B9D90
4F1B9D

Contrast Matrix WCAG 2.1 Contrast

9F1B29
C2C5D6
B36A0C
C2C7DA
768132
—
4.6
AA
1.9
Fail
4.7
AA
1.9
Fail
4.6
AA
—
2.5
Fail
1.0
Fail
2.5
Fail
1.9
Fail
2.5
Fail
—
2.5
Fail
1.0
Fail
4.7
AA
1.0
Fail
2.5
Fail
—
2.5
Fail
1.9
Fail
2.5
Fail
1.0
Fail
2.5
Fail
—
White BG
7.9AAA
1.7Fail
4.2AA Large
1.7Fail
4.2AA Large
Black BG
2.7Fail
12.3AAA
5.0AA
12.5AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

666526
C3C3D2
939323
C4C4D5
7B7B45

Deuteranopia

6E7725
C3C3D1
989D28
C4C3D4
7A794A

Tritanopia

982322
C2CFCE
AF3539
C2D2D1
775458

Achromatopsia

444444
C6C6C6
757575
C8C8C8
757575

Shades & Tints Shades & Tints

#9F1B29

Dark
Light

#C2C5D6

Dark
Light

#B36A0C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9f1b29;
  --color-2: #c2c5d6;
  --color-3: #b36a0c;
  --color-4: #c2c7da;
  --color-5: #768132;
}

SCSS

$color-1: #9f1b29;
$color-2: #c2c5d6;
$color-3: #b36a0c;
$color-4: #c2c7da;
$color-5: #768132;

TAILWIND

colors: {
  'brand-1': '#9f1b29',
  'brand-2': '#c2c5d6',
  'brand-3': '#b36a0c',
  'brand-4': '#c2c7da',
  'brand-5': '#768132',
}

RGB Array

[159, 27, 41], [194, 197, 214], [179, 106, 12], [194, 199, 218], [118, 129, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9F1B29, #C2C5D6, #B36A0C, #C2C7DA, #768132 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: #9f1b29; --color-2: #c2c5d6; --color-3: #b36a0c; --color-4: #c2c7da; --color-5: #768132. 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