← Back to Editor

#15120D · #3B3B3B · #FFFFE2 · #AEBBCD · #71718E

minimal

A 5-color minimal palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin PanelData Visualization

Color Details Color Details

#15120D

Ochre · Black · Cinnamon

HEX
#15120D
RGB
rgb(21, 18, 13)
HSL
hsl(38, 24%, 7%)
HSB
hsb(38, 38%, 8%)
CMYK
cmyk(0%, 14%, 38%, 92%)
Oklch
oklch(18.4% 0.011 80.5)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#3B3B3B

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3B3B3B
RGB
rgb(59, 59, 59)
HSL
hsl(0, 0%, 23%)
HSB
hsb(0, 0%, 23%)
CMYK
cmyk(0%, 0%, 0%, 77%)
Oklch
oklch(35.2% 0.000 89.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#FFFFE2

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFE2
RGB
rgb(255, 255, 226)
HSL
hsl(60, 100%, 94%)
HSB
hsb(60, 11%, 100%)
CMYK
cmyk(0%, 0%, 11%, 0%)
Oklch
oklch(99.2% 0.038 107.1)

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

#AEBBCD

Azure · LightSteelBlue · Cobalt Blue

HEX
#AEBBCD
RGB
rgb(174, 187, 205)
HSL
hsl(215, 24%, 74%)
HSB
hsb(215, 15%, 80%)
CMYK
cmyk(15%, 9%, 0%, 20%)
Oklch
oklch(78.8% 0.029 256.5)

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

#71718E

Deep Indigo · SlateGray · Navy Blue

HEX
#71718E
RGB
rgb(113, 113, 142)
HSL
hsl(240, 11%, 50%)
HSB
hsb(240, 20%, 56%)
CMYK
cmyk(20%, 20%, 0%, 44%)
Oklch
oklch(55.9% 0.045 284.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

15120D
0E1116

Analogous

160F0E
15120D
15160E

Triadic

15120D
0E1613
130E16

Split-Comp.

15120D
0E1516
0F0E16

Tetradic

15120D
0E160F
0E1116
160E15

Contrast Matrix WCAG 2.1 Contrast

15120D
3B3B3B
FFFFE2
AEBBCD
71718E
—
1.7
Fail
18.4
AAA
9.6
AAA
4.0
AA Large
1.7
Fail
—
11.0
AAA
5.8
AA
2.4
Fail
18.4
AAA
11.0
AAA
—
1.9
Fail
4.6
AA
9.6
AAA
5.8
AA
1.9
Fail
—
2.4
Fail
4.0
AA Large
2.4
Fail
4.6
AA
2.4
Fail
—
White BG
18.7AAA
11.2AAA
1.0Fail
1.9Fail
4.7AA
Black BG
1.1Fail
1.9Fail
20.7AAA
10.8AAA
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

14140E
3B3B3B
FFFFE9
B4B4C9
717187

Deuteranopia

14140F
3B3B3B
FFFFEB
B3B2C8
717185

Tritanopia

150F0F
3B3B3B
FFEFF0
AFC5C4
718180

Achromatopsia

121212
3B3B3B
FCFCFC
B9B9B9
747474

Shades & Tints Shades & Tints

#15120D

Dark
Light

#3B3B3B

Dark
Light

#FFFFE2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #15120d;
  --color-2: #3b3b3b;
  --color-3: #ffffe2;
  --color-4: #aebbcd;
  --color-5: #71718e;
}

SCSS

$color-1: #15120d;
$color-2: #3b3b3b;
$color-3: #ffffe2;
$color-4: #aebbcd;
$color-5: #71718e;

TAILWIND

colors: {
  'brand-1': '#15120d',
  'brand-2': '#3b3b3b',
  'brand-3': '#ffffe2',
  'brand-4': '#aebbcd',
  'brand-5': '#71718e',
}

RGB Array

[21, 18, 13], [59, 59, 59], [255, 255, 226], [174, 187, 205], [113, 113, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #15120D, #3B3B3B, #FFFFE2, #AEBBCD, #71718E 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: #15120d; --color-2: #3b3b3b; --color-3: #ffffe2; --color-4: #aebbcd; --color-5: #71718e. 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 minimal-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