← Back to Editor

#000C1C · #F60B29 · #F9E8BD · #3FA6AF · #150A08

skin

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#000C1C

Indigo · Black · Deep Sea Blue

HEX
#000C1C
RGB
rgb(0, 12, 28)
HSL
hsl(214, 100%, 5%)
HSB
hsb(214, 100%, 11%)
CMYK
cmyk(100%, 57%, 0%, 89%)
Oklch
oklch(15.1% 0.042 249.0)

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

#F60B29

Vermilion · Crimson · Passion Red

HEX
#F60B29
RGB
rgb(246, 11, 41)
HSL
hsl(352, 93%, 50%)
HSB
hsb(352, 96%, 96%)
CMYK
cmyk(0%, 96%, 83%, 4%)
Oklch
oklch(61.5% 0.247 25.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#F9E8BD

Goose Yellow · Bisque · Lemon Cream

HEX
#F9E8BD
RGB
rgb(249, 232, 189)
HSL
hsl(43, 83%, 86%)
HSB
hsb(43, 24%, 98%)
CMYK
cmyk(0%, 7%, 24%, 2%)
Oklch
oklch(93.4% 0.059 89.0)

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

#3FA6AF

Slate Blue · LightSeaGreen · Mint Ice

HEX
#3FA6AF
RGB
rgb(63, 166, 175)
HSL
hsl(185, 47%, 47%)
HSB
hsb(185, 64%, 69%)
CMYK
cmyk(64%, 5%, 0%, 31%)
Oklch
oklch(67.0% 0.094 203.3)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#150A08

Crimson · Black · Deep Berry

HEX
#150A08
RGB
rgb(21, 10, 8)
HSL
hsl(9, 45%, 6%)
HSB
hsb(9, 62%, 8%)
CMYK
cmyk(0%, 52%, 62%, 92%)
Oklch
oklch(16.0% 0.020 31.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000C1C
1A0E00

Analogous

00181A
000C1C
02001A

Triadic

000C1C
1A000B
0B1A00

Split-Comp.

000C1C
1A0200
181A00

Tetradic

000C1C
1A0018
1A0E00
001A02

Contrast Matrix WCAG 2.1 Contrast

000C1C
F60B29
F9E8BD
3FA6AF
150A08
—
4.7
AA
16.2
AAA
6.8
AA
1.0
Fail
4.7
AA
—
3.5
AA Large
1.5
Fail
4.6
AA
16.2
AAA
3.5
AA Large
—
2.4
Fail
16.0
AAA
6.8
AA
1.5
Fail
2.4
Fail
—
6.8
AA
1.0
Fail
4.6
AA
16.0
AAA
6.8
AA
—
White BG
19.6AAA
4.2AA Large
1.2Fail
2.9Fail
19.5AAA
Black BG
1.1Fail
5.0AA
17.3AAA
7.3AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

050518
908E22
F2F1C7
6C6DAD
101008

Deuteranopia

050417
9EB020
F3F4CA
665EAC
111209

Tritanopia

011514
EA1C1B
F8D0D1
44ABAB
140909

Achromatopsia

0A0A0A
555555
E8E8E8
888888
0D0D0D

Shades & Tints Shades & Tints

#000C1C

Dark
Light

#F60B29

Dark
Light

#F9E8BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000c1c;
  --color-2: #f60b29;
  --color-3: #f9e8bd;
  --color-4: #3fa6af;
  --color-5: #150a08;
}

SCSS

$color-1: #000c1c;
$color-2: #f60b29;
$color-3: #f9e8bd;
$color-4: #3fa6af;
$color-5: #150a08;

TAILWIND

colors: {
  'brand-1': '#000c1c',
  'brand-2': '#f60b29',
  'brand-3': '#f9e8bd',
  'brand-4': '#3fa6af',
  'brand-5': '#150a08',
}

RGB Array

[0, 12, 28], [246, 11, 41], [249, 232, 189], [63, 166, 175], [21, 10, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #000C1C, #F60B29, #F9E8BD, #3FA6AF, #150A08 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #000c1c; --color-2: #f60b29; --color-3: #f9e8bd; --color-4: #3fa6af; --color-5: #150a08. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 skin-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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