← Back to Editor

#C6CDDD · #C1A35A · #B74970 · #671659 · #2C031C

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

#C6CDDD

Azure · LightGray · Sky Blue

HEX
#C6CDDD
RGB
rgb(198, 205, 221)
HSL
hsl(222, 25%, 82%)
HSB
hsb(222, 10%, 87%)
CMYK
cmyk(10%, 7%, 0%, 13%)
Oklch
oklch(84.8% 0.024 266.9)

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

#C1A35A

Ginger · SandyBrown · Sunflower

HEX
#C1A35A
RGB
rgb(193, 163, 90)
HSL
hsl(43, 45%, 55%)
HSB
hsb(43, 53%, 76%)
CMYK
cmyk(0%, 16%, 53%, 24%)
Oklch
oklch(72.7% 0.099 87.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#B74970

Dark Violet · MediumVioletRed · Camellia

HEX
#B74970
RGB
rgb(183, 73, 112)
HSL
hsl(339, 43%, 50%)
HSB
hsb(339, 60%, 72%)
CMYK
cmyk(0%, 60%, 39%, 28%)
Oklch
oklch(56.2% 0.147 0.9)

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

#671659

Rose Purple · Purple · Eggplant

HEX
#671659
RGB
rgb(103, 22, 89)
HSL
hsl(310, 65%, 25%)
HSB
hsb(310, 79%, 40%)
CMYK
cmyk(0%, 79%, 14%, 60%)
Oklch
oklch(36.5% 0.137 336.1)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#2C031C

Rose Purple · Black · Raspberry

HEX
#2C031C
RGB
rgb(44, 3, 28)
HSL
hsl(323, 87%, 9%)
HSB
hsb(323, 93%, 17%)
CMYK
cmyk(0%, 93%, 36%, 83%)
Oklch
oklch(20.0% 0.075 347.7)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6CDDD
DDD6C6

Analogous

C6D8DD
C6CDDD
CAC6DD

Triadic

C6CDDD
DDC6CD
CDDDC6

Split-Comp.

C6CDDD
DDCAC6
D8DDC6

Tetradic

C6CDDD
DDC6D8
DDD6C6
C6DDCA

Contrast Matrix WCAG 2.1 Contrast

C6CDDD
C1A35A
B74970
671659
2C031C
—
1.5
Fail
3.1
AA Large
7.2
AAA
11.6
AAA
1.5
Fail
—
2.1
Fail
4.7
AA
7.6
AAA
3.1
AA Large
2.1
Fail
—
2.3
Fail
3.7
AA Large
7.2
AAA
4.7
AA
2.3
Fail
—
1.6
Fail
11.6
AAA
7.6
AAA
3.7
AA Large
1.6
Fail
—
White BG
1.6Fail
2.4Fail
5.0AA
11.4AAA
18.5AAA
Black BG
13.2AAA
8.7AAA
4.2AA Large
1.8Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9D9
B4B46C
878667
444349
1A1A16

Deuteranopia

C9C8D8
B6B870
8E9664
494F45
1D2014

Tritanopia

C6D6D5
C07A7D
B25F5D
633C39
2A1110

Achromatopsia

CDCDCD
A4A4A4
6E6E6E
363636
121212

Shades & Tints Shades & Tints

#C6CDDD

Dark
Light

#C1A35A

Dark
Light

#B74970

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6cddd;
  --color-2: #c1a35a;
  --color-3: #b74970;
  --color-4: #671659;
  --color-5: #2c031c;
}

SCSS

$color-1: #c6cddd;
$color-2: #c1a35a;
$color-3: #b74970;
$color-4: #671659;
$color-5: #2c031c;

TAILWIND

colors: {
  'brand-1': '#c6cddd',
  'brand-2': '#c1a35a',
  'brand-3': '#b74970',
  'brand-4': '#671659',
  'brand-5': '#2c031c',
}

RGB Array

[198, 205, 221], [193, 163, 90], [183, 73, 112], [103, 22, 89], [44, 3, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6CDDD, #C1A35A, #B74970, #671659, #2C031C 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: #c6cddd; --color-2: #c1a35a; --color-3: #b74970; --color-4: #671659; --color-5: #2c031c. 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