← Back to Editor

#1C1738 · #0C6E71 · #66968E · #D4B2A1 · #C27159

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

#1C1738

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1C1738
RGB
rgb(28, 23, 56)
HSL
hsl(249, 42%, 15%)
HSB
hsb(249, 59%, 22%)
CMYK
cmyk(50%, 59%, 0%, 78%)
Oklch
oklch(23.1% 0.062 287.5)

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

#0C6E71

Lake Blue · Teal · Peacock Green

HEX
#0C6E71
RGB
rgb(12, 110, 113)
HSL
hsl(182, 81%, 25%)
HSB
hsb(182, 89%, 44%)
CMYK
cmyk(89%, 3%, 0%, 56%)
Oklch
oklch(49.0% 0.081 198.3)

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

#66968E

Mineral Blue · CadetBlue · Mint Ice

HEX
#66968E
RGB
rgb(102, 150, 142)
HSL
hsl(170, 19%, 49%)
HSB
hsb(170, 32%, 59%)
CMYK
cmyk(32%, 0%, 5%, 41%)
Oklch
oklch(63.6% 0.053 183.0)

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

#D4B2A1

Apricot · Tan · Warm Sun

HEX
#D4B2A1
RGB
rgb(212, 178, 161)
HSL
hsl(20, 37%, 73%)
HSB
hsb(20, 24%, 83%)
CMYK
cmyk(0%, 16%, 24%, 17%)
Oklch
oklch(78.9% 0.046 48.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C27159

Crimson · Chocolate · Passion Red

HEX
#C27159
RGB
rgb(194, 113, 89)
HSL
hsl(14, 46%, 55%)
HSB
hsb(14, 54%, 76%)
CMYK
cmyk(0%, 42%, 54%, 24%)
Oklch
oklch(63.3% 0.109 37.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C1738
313616

Analogous

162136
1C1738
2B1636

Triadic

1C1738
361B16
16361B

Split-Comp.

1C1738
362B16
213616

Tetradic

1C1738
361621
313616
16362B

Contrast Matrix WCAG 2.1 Contrast

1C1738
0C6E71
66968E
D4B2A1
C27159
—
2.8
Fail
5.1
AA
8.7
AAA
4.7
AA
2.8
Fail
—
1.8
Fail
3.1
AA Large
1.7
Fail
5.1
AA
1.8
Fail
—
1.7
Fail
1.1
Fail
8.7
AAA
3.1
AA Large
1.7
Fail
—
1.8
Fail
4.7
AA
1.7
Fail
1.1
Fail
1.8
Fail
—
White BG
17.1AAA
6.0AA
3.3AA Large
2.0Fail
3.6AA Large
Black BG
1.2Fail
3.5AA Large
6.3AA
10.7AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A30
363770
7B7B90
C5C5A5
9F9E5F

Deuteranopia

1A1A2E
312970
787490
C7CAA6
A4AA60

Tritanopia

1C2A28
117070
689192
D2A8A9
BE6364

Achromatopsia

1C1C1C
515151
878787
BABABA
868686

Shades & Tints Shades & Tints

#1C1738

Dark
Light

#0C6E71

Dark
Light

#66968E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c1738;
  --color-2: #0c6e71;
  --color-3: #66968e;
  --color-4: #d4b2a1;
  --color-5: #c27159;
}

SCSS

$color-1: #1c1738;
$color-2: #0c6e71;
$color-3: #66968e;
$color-4: #d4b2a1;
$color-5: #c27159;

TAILWIND

colors: {
  'brand-1': '#1c1738',
  'brand-2': '#0c6e71',
  'brand-3': '#66968e',
  'brand-4': '#d4b2a1',
  'brand-5': '#c27159',
}

RGB Array

[28, 23, 56], [12, 110, 113], [102, 150, 142], [212, 178, 161], [194, 113, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C1738, #0C6E71, #66968E, #D4B2A1, #C27159 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: #1c1738; --color-2: #0c6e71; --color-3: #66968e; --color-4: #d4b2a1; --color-5: #c27159. 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