← Back to Editor

#17132A · #453943 · #997663 · #F1C181 · #FFF7C9

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

#17132A

Deep Indigo · Black · Deep Sea Blue

HEX
#17132A
RGB
rgb(23, 19, 42)
HSL
hsl(250, 38%, 12%)
HSB
hsb(250, 55%, 16%)
CMYK
cmyk(45%, 55%, 0%, 84%)
Oklch
oklch(20.5% 0.045 289.8)

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

#453943

Rose Purple · DarkSlateGray · Eggplant

HEX
#453943
RGB
rgb(69, 57, 67)
HSL
hsl(310, 10%, 25%)
HSB
hsb(310, 17%, 27%)
CMYK
cmyk(0%, 17%, 3%, 73%)
Oklch
oklch(36.1% 0.023 331.7)

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

#997663

Tangerine · Gray · Amber Brown

HEX
#997663
RGB
rgb(153, 118, 99)
HSL
hsl(21, 21%, 49%)
HSB
hsb(21, 35%, 60%)
CMYK
cmyk(0%, 23%, 35%, 40%)
Oklch
oklch(59.5% 0.052 49.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#F1C181

Goose Yellow · BurlyWood · Warm Sun

HEX
#F1C181
RGB
rgb(241, 193, 129)
HSL
hsl(34, 80%, 73%)
HSB
hsb(34, 46%, 95%)
CMYK
cmyk(0%, 20%, 46%, 5%)
Oklch
oklch(83.9% 0.098 73.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFF7C9

Fresh Green · Bisque · Lemon Cream

HEX
#FFF7C9
RGB
rgb(255, 247, 201)
HSL
hsl(51, 100%, 89%)
HSB
hsb(51, 21%, 100%)
CMYK
cmyk(0%, 3%, 21%, 0%)
Oklch
oklch(97.1% 0.060 99.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

17132A
262A13

Analogous

131B2A
17132A
22132A

Triadic

17132A
2A1713
132A17

Split-Comp.

17132A
2A2213
1B2A13

Tetradic

17132A
2A131B
262A13
132A22

Contrast Matrix WCAG 2.1 Contrast

17132A
453943
997663
F1C181
FFF7C9
—
1.7
Fail
4.4
AA Large
10.9
AAA
16.7
AAA
1.7
Fail
—
2.7
Fail
6.6
AA
10.1
AAA
4.4
AA Large
2.7
Fail
—
2.5
Fail
3.8
AA Large
10.9
AAA
6.6
AA
2.5
Fail
—
1.5
Fail
16.7
AAA
10.1
AAA
3.8
AA Large
1.5
Fail
—
White BG
18.1AAA
10.9AAA
4.1AA Large
1.7Fail
1.1Fail
Black BG
1.2Fail
1.9Fail
5.1AA
12.7AAA
19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

151524
404041
8A8A68
DCDC90
FCFBD4

Deuteranopia

161623
414140
8C8F69
DFE394
FCFDD7

Tritanopia

17201F
443F3E
976B6C
EF9D9F
FFDDDF

Achromatopsia

171717
3E3E3E
7E7E7E
C8C8C8
F4F4F4

Shades & Tints Shades & Tints

#17132A

Dark
Light

#453943

Dark
Light

#997663

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #17132a;
  --color-2: #453943;
  --color-3: #997663;
  --color-4: #f1c181;
  --color-5: #fff7c9;
}

SCSS

$color-1: #17132a;
$color-2: #453943;
$color-3: #997663;
$color-4: #f1c181;
$color-5: #fff7c9;

TAILWIND

colors: {
  'brand-1': '#17132a',
  'brand-2': '#453943',
  'brand-3': '#997663',
  'brand-4': '#f1c181',
  'brand-5': '#fff7c9',
}

RGB Array

[23, 19, 42], [69, 57, 67], [153, 118, 99], [241, 193, 129], [255, 247, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #17132A, #453943, #997663, #F1C181, #FFF7C9 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: #17132a; --color-2: #453943; --color-3: #997663; --color-4: #f1c181; --color-5: #fff7c9. 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