← Back to Editor

#1C1C1D · #B6D434 · #F5F7BF · #693D60 · #E5177A

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

#1C1C1D

Ink Black · Black · Dark Stone

HEX
#1C1C1D
RGB
rgb(28, 28, 29)
HSL
hsl(240, 2%, 11%)
HSB
hsb(240, 3%, 11%)
CMYK
cmyk(3%, 3%, 0%, 89%)
Oklch
oklch(22.7% 0.002 286.2)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#B6D434

Grass Green · GreenYellow · Olive Green

HEX
#B6D434
RGB
rgb(182, 212, 52)
HSL
hsl(71, 65%, 52%)
HSB
hsb(71, 75%, 83%)
CMYK
cmyk(14%, 0%, 75%, 17%)
Oklch
oklch(82.0% 0.179 120.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#F5F7BF

Fresh Green · Bisque · Lemon Cream

HEX
#F5F7BF
RGB
rgb(245, 247, 191)
HSL
hsl(62, 78%, 86%)
HSB
hsb(62, 23%, 97%)
CMYK
cmyk(1%, 0%, 23%, 3%)
Oklch
oklch(96.1% 0.072 109.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#693D60

Rose Purple · DimGray · Eggplant

HEX
#693D60
RGB
rgb(105, 61, 96)
HSL
hsl(312, 27%, 33%)
HSB
hsb(312, 42%, 41%)
CMYK
cmyk(0%, 42%, 9%, 59%)
Oklch
oklch(42.6% 0.079 334.8)

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

#E5177A

Dark Violet · MediumVioletRed · Camellia

HEX
#E5177A
RGB
rgb(229, 23, 122)
HSL
hsl(331, 82%, 49%)
HSB
hsb(331, 90%, 90%)
CMYK
cmyk(0%, 90%, 47%, 10%)
Oklch
oklch(60.3% 0.235 0.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C1C1D
1D1D1B

Analogous

1B1C1D
1C1C1D
1C1B1D

Triadic

1C1C1D
1D1B1B
1B1D1B

Split-Comp.

1C1C1D
1D1C1B
1C1D1B

Tetradic

1C1C1D
1D1B1C
1D1D1B
1B1D1C

Contrast Matrix WCAG 2.1 Contrast

1C1C1D
B6D434
F5F7BF
693D60
E5177A
—
10.1
AAA
15.4
AAA
2.0
Fail
3.8
AA Large
10.1
AAA
—
1.5
Fail
5.1
AA
2.6
Fail
15.4
AAA
1.5
Fail
—
7.8
AAA
4.0
AA Large
2.0
Fail
5.1
AA
7.8
AAA
—
1.9
Fail
3.8
AA Large
2.6
Fail
4.0
AA Large
1.9
Fail
—
White BG
17.0AAA
1.7Fail
1.1Fail
8.6AAA
4.4AA Large
Black BG
1.2Fail
12.5AAA
18.9AAA
2.4Fail
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C1D
C3C35B
F6F6CD
565658
8C8A62

Deuteranopia

1C1C1D
C1BF64
F6F6D0
595C55
98A75C

Tritanopia

1C1D1D
B87980
F5D7DA
67514F
DB4F4B

Achromatopsia

1C1C1C
B9B9B9
F0F0F0
4E4E4E
606060

Shades & Tints Shades & Tints

#1C1C1D

Dark
Light

#B6D434

Dark
Light

#F5F7BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c1c1d;
  --color-2: #b6d434;
  --color-3: #f5f7bf;
  --color-4: #693d60;
  --color-5: #e5177a;
}

SCSS

$color-1: #1c1c1d;
$color-2: #b6d434;
$color-3: #f5f7bf;
$color-4: #693d60;
$color-5: #e5177a;

TAILWIND

colors: {
  'brand-1': '#1c1c1d',
  'brand-2': '#b6d434',
  'brand-3': '#f5f7bf',
  'brand-4': '#693d60',
  'brand-5': '#e5177a',
}

RGB Array

[28, 28, 29], [182, 212, 52], [245, 247, 191], [105, 61, 96], [229, 23, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C1C1D, #B6D434, #F5F7BF, #693D60, #E5177A 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: #1c1c1d; --color-2: #b6d434; --color-3: #f5f7bf; --color-4: #693d60; --color-5: #e5177a. 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