← Back to Editor

#0B0603 · #FCF6F4 · #C0CE00 · #C7754C · #26C9A6

A 5-color palette 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

#0B0603

Tangerine · Black · Cinnamon

HEX
#0B0603
RGB
rgb(11, 6, 3)
HSL
hsl(23, 57%, 3%)
HSB
hsb(23, 73%, 4%)
CMYK
cmyk(0%, 45%, 73%, 96%)
Oklch
oklch(12.8% 0.014 62.0)

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

#FCF6F4

Apricot · SeaShell · Peach Orange

HEX
#FCF6F4
RGB
rgb(252, 246, 244)
HSL
hsl(15, 57%, 97%)
HSB
hsb(15, 3%, 99%)
CMYK
cmyk(0%, 2%, 3%, 1%)
Oklch
oklch(97.7% 0.007 39.5)

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

#C0CE00

Autumn Sage · GoldenRod · Honey Gold

HEX
#C0CE00
RGB
rgb(192, 206, 0)
HSL
hsl(64, 100%, 40%)
HSB
hsb(64, 100%, 81%)
CMYK
cmyk(7%, 0%, 100%, 19%)
Oklch
oklch(81.3% 0.184 114.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#C7754C

Tangerine · Chocolate · Warm Sun

HEX
#C7754C
RGB
rgb(199, 117, 76)
HSL
hsl(20, 52%, 54%)
HSB
hsb(20, 62%, 78%)
CMYK
cmyk(0%, 41%, 62%, 22%)
Oklch
oklch(64.4% 0.117 46.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#26C9A6

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#26C9A6
RGB
rgb(38, 201, 166)
HSL
hsl(167, 68%, 47%)
HSB
hsb(167, 81%, 79%)
CMYK
cmyk(81%, 0%, 17%, 21%)
Oklch
oklch(74.9% 0.136 173.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B0603
03090C

Analogous

0C0304
0B0603
0C0B03

Triadic

0B0603
030C07
07030C

Split-Comp.

0B0603
030C0B
03040C

Tetradic

0B0603
040C03
03090C
0B030C

Contrast Matrix WCAG 2.1 Contrast

0B0603
FCF6F4
C0CE00
C7754C
26C9A6
—
18.8
AAA
11.6
AAA
5.8
AA
9.6
AAA
18.8
AAA
—
1.6
Fail
3.2
AA Large
2.0
Fail
11.6
AAA
1.6
Fail
—
2.0
Fail
1.2
Fail
5.8
AA
3.2
AA Large
2.0
Fail
—
1.6
Fail
9.6
AAA
2.0
Fail
1.2
Fail
1.6
Fail
—
White BG
20.2AAA
1.1Fail
1.7Fail
3.5AA Large
2.1Fail
Black BG
1.0Fail
19.6AAA
12.1AAA
6.1AA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

090904
F9F9F4
C6C632
A3A356
6D6EAE

Deuteranopia

090A04
FAFAF5
C5C43E
A8AE58
6357B1

Tritanopia

0B0404
FCF5F5
C15962
C35E5F
2EB5B7

Achromatopsia

070707
F8F8F8
B2B2B2
898989
949494

Shades & Tints Shades & Tints

#0B0603

Dark
Light

#FCF6F4

Dark
Light

#C0CE00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b0603;
  --color-2: #fcf6f4;
  --color-3: #c0ce00;
  --color-4: #c7754c;
  --color-5: #26c9a6;
}

SCSS

$color-1: #0b0603;
$color-2: #fcf6f4;
$color-3: #c0ce00;
$color-4: #c7754c;
$color-5: #26c9a6;

TAILWIND

colors: {
  'brand-1': '#0b0603',
  'brand-2': '#fcf6f4',
  'brand-3': '#c0ce00',
  'brand-4': '#c7754c',
  'brand-5': '#26c9a6',
}

RGB Array

[11, 6, 3], [252, 246, 244], [192, 206, 0], [199, 117, 76], [38, 201, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0B0603, #FCF6F4, #C0CE00, #C7754C, #26C9A6 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #0b0603; --color-2: #fcf6f4; --color-3: #c0ce00; --color-4: #c7754c; --color-5: #26c9a6. 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 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