← Back to Editor

#1C1D18 · #95806D · #C297A1 · #2D5C76 · #EFFBFB

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

#1C1D18

Grass Green · Black · Jet Black

HEX
#1C1D18
RGB
rgb(28, 29, 24)
HSL
hsl(72, 9%, 10%)
HSB
hsb(72, 17%, 11%)
CMYK
cmyk(3%, 0%, 17%, 89%)
Oklch
oklch(22.8% 0.010 116.3)

Traditional「Grass Green」· Paint「Jet Black」· Creative Midnight Shadow

#95806D

Tangerine · Gray · Warm Sun

HEX
#95806D
RGB
rgb(149, 128, 109)
HSL
hsl(28, 16%, 51%)
HSB
hsb(28, 27%, 58%)
CMYK
cmyk(0%, 14%, 27%, 42%)
Oklch
oklch(61.4% 0.038 64.2)

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

#C297A1

Peach Pink · DarkGray · Coral Red

HEX
#C297A1
RGB
rgb(194, 151, 161)
HSL
hsl(346, 26%, 68%)
HSB
hsb(346, 22%, 76%)
CMYK
cmyk(0%, 22%, 17%, 24%)
Oklch
oklch(71.9% 0.053 3.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#2D5C76

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#2D5C76
RGB
rgb(45, 92, 118)
HSL
hsl(201, 45%, 32%)
HSB
hsb(201, 62%, 46%)
CMYK
cmyk(62%, 22%, 0%, 54%)
Oklch
oklch(45.3% 0.067 235.1)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#EFFBFB

Sky Blue · Snow · Glacier Blue

HEX
#EFFBFB
RGB
rgb(239, 251, 251)
HSL
hsl(180, 60%, 96%)
HSB
hsb(180, 5%, 98%)
CMYK
cmyk(5%, 0%, 0%, 2%)
Oklch
oklch(97.9% 0.013 196.9)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C1D18
18171C

Analogous

1C1A17
1C1D18
191C17

Triadic

1C1D18
171B1C
1C171B

Split-Comp.

1C1D18
17191C
1A171C

Tetradic

1C1D18
171C1A
18171C
1C1719

Contrast Matrix WCAG 2.1 Contrast

1C1D18
95806D
C297A1
2D5C76
EFFBFB
—
4.5
AA
6.7
AA
2.3
Fail
16.0
AAA
4.5
AA
—
1.5
Fail
1.9
Fail
3.6
AA Large
6.7
AA
1.5
Fail
—
2.8
Fail
2.4
Fail
2.3
Fail
1.9
Fail
2.8
Fail
—
6.8
AA
16.0
AAA
3.6
AA Large
2.4
Fail
6.8
AA
—
White BG
17.0AAA
3.8AA Large
2.6Fail
7.2AAA
1.1Fail
Black BG
1.2Fail
5.6AA
8.2AAA
2.9Fail
19.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C19
8C8C72
AFAF9F
414270
F4F4FB

Deuteranopia

1C1C19
8D8F73
B2B59E
3F3B6E
F4F3FB

Tritanopia

1C1A1A
947576
C09D9C
2F6B6A
F0FBFB

Achromatopsia

1C1C1C
848484
A5A5A5
515151
F7F7F7

Shades & Tints Shades & Tints

#1C1D18

Dark
Light

#95806D

Dark
Light

#C297A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c1d18;
  --color-2: #95806d;
  --color-3: #c297a1;
  --color-4: #2d5c76;
  --color-5: #effbfb;
}

SCSS

$color-1: #1c1d18;
$color-2: #95806d;
$color-3: #c297a1;
$color-4: #2d5c76;
$color-5: #effbfb;

TAILWIND

colors: {
  'brand-1': '#1c1d18',
  'brand-2': '#95806d',
  'brand-3': '#c297a1',
  'brand-4': '#2d5c76',
  'brand-5': '#effbfb',
}

RGB Array

[28, 29, 24], [149, 128, 109], [194, 151, 161], [45, 92, 118], [239, 251, 251]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C1D18, #95806D, #C297A1, #2D5C76, #EFFBFB 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: #1c1d18; --color-2: #95806d; --color-3: #c297a1; --color-4: #2d5c76; --color-5: #effbfb. 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