← Back to Editor

#1A1313 · #47D1C3 · #9BDECF · #F7EED2 · #FFC9B3

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

#1A1313

Crimson · Black · Deep Berry

HEX
#1A1313
RGB
rgb(26, 19, 19)
HSL
hsl(0, 16%, 9%)
HSB
hsb(0, 27%, 10%)
CMYK
cmyk(0%, 27%, 27%, 90%)
Oklch
oklch(19.6% 0.012 18.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#47D1C3

Mineral Blue · MediumTurquoise · Lake Green

HEX
#47D1C3
RGB
rgb(71, 209, 195)
HSL
hsl(174, 60%, 55%)
HSB
hsb(174, 66%, 82%)
CMYK
cmyk(66%, 0%, 7%, 18%)
Oklch
oklch(78.4% 0.119 185.4)

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

#9BDECF

Jade · LightBlue · Lake Green

HEX
#9BDECF
RGB
rgb(155, 222, 207)
HSL
hsl(167, 50%, 74%)
HSB
hsb(167, 30%, 87%)
CMYK
cmyk(30%, 0%, 7%, 13%)
Oklch
oklch(85.2% 0.071 179.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#F7EED2

Goose Yellow · Beige · Lemon Cream

HEX
#F7EED2
RGB
rgb(247, 238, 210)
HSL
hsl(45, 70%, 90%)
HSB
hsb(45, 15%, 97%)
CMYK
cmyk(0%, 4%, 15%, 3%)
Oklch
oklch(94.9% 0.038 92.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFC9B3

Apricot · Wheat · Peach Orange

HEX
#FFC9B3
RGB
rgb(255, 201, 179)
HSL
hsl(17, 100%, 85%)
HSB
hsb(17, 30%, 100%)
CMYK
cmyk(0%, 21%, 30%, 0%)
Oklch
oklch(87.8% 0.069 43.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A1313
131B1B

Analogous

1B1317
1A1313
1B1713

Triadic

1A1313
131B13
13131B

Split-Comp.

1A1313
131B17
13171B

Tetradic

1A1313
171B13
131B1B
17131B

Contrast Matrix WCAG 2.1 Contrast

1A1313
47D1C3
9BDECF
F7EED2
FFC9B3
—
9.7
AAA
12.0
AAA
15.8
AAA
12.4
AAA
9.7
AAA
—
1.2
Fail
1.6
Fail
1.3
Fail
12.0
AAA
1.2
Fail
—
1.3
Fail
1.0
Fail
15.8
AAA
1.6
Fail
1.3
Fail
—
1.3
Fail
12.4
AAA
1.3
Fail
1.0
Fail
1.3
Fail
—
White BG
18.3AAA
1.9Fail
1.5Fail
1.2Fail
1.5Fail
Black BG
1.1Fail
11.2AAA
13.7AAA
18.1AAA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

171713
8384C6
B8B9D3
F3F3D9
E8E7B8

Deuteranopia

171813
7B70C7
B4AFD3
F4F4DA
EBEFBA

Tritanopia

1A1313
4EC9CA
9ED5D6
F7DEDF
FCBDBD

Achromatopsia

151515
A6A6A6
C8C8C8
EDEDED
D7D7D7

Shades & Tints Shades & Tints

#1A1313

Dark
Light

#47D1C3

Dark
Light

#9BDECF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a1313;
  --color-2: #47d1c3;
  --color-3: #9bdecf;
  --color-4: #f7eed2;
  --color-5: #ffc9b3;
}

SCSS

$color-1: #1a1313;
$color-2: #47d1c3;
$color-3: #9bdecf;
$color-4: #f7eed2;
$color-5: #ffc9b3;

TAILWIND

colors: {
  'brand-1': '#1a1313',
  'brand-2': '#47d1c3',
  'brand-3': '#9bdecf',
  'brand-4': '#f7eed2',
  'brand-5': '#ffc9b3',
}

RGB Array

[26, 19, 19], [71, 209, 195], [155, 222, 207], [247, 238, 210], [255, 201, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A1313, #47D1C3, #9BDECF, #F7EED2, #FFC9B3 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: #1a1313; --color-2: #47d1c3; --color-3: #9bdecf; --color-4: #f7eed2; --color-5: #ffc9b3. 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