← Back to Editor

#FF6600 · #FFFFFF · #0A0400 · #A0FF57 · #76ECB9

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

#FF6600

Tangerine · OrangeRed · Amber Brown

HEX
#FF6600
RGB
rgb(255, 102, 0)
HSL
hsl(24, 100%, 50%)
HSB
hsb(24, 100%, 100%)
CMYK
cmyk(0%, 60%, 100%, 0%)
Oklch
oklch(69.6% 0.204 43.5)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#0A0400

Tangerine · Black · Cinnamon

HEX
#0A0400
RGB
rgb(10, 4, 0)
HSL
hsl(24, 100%, 2%)
HSB
hsb(24, 100%, 4%)
CMYK
cmyk(0%, 60%, 100%, 96%)
Oklch
oklch(11.6% 0.025 73.1)

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

#A0FF57

Emerald · GreenYellow · Apple Green

HEX
#A0FF57
RGB
rgb(160, 255, 87)
HSL
hsl(94, 100%, 67%)
HSB
hsb(94, 66%, 100%)
CMYK
cmyk(37%, 0%, 66%, 0%)
Oklch
oklch(90.9% 0.219 134.2)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#76ECB9

Jade · MediumAquaMarine · Apple Green

HEX
#76ECB9
RGB
rgb(118, 236, 185)
HSL
hsl(154, 76%, 69%)
HSB
hsb(154, 50%, 93%)
CMYK
cmyk(50%, 0%, 22%, 7%)
Oklch
oklch(86.1% 0.130 163.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF6600
0099FF

Analogous

FF0019
FF6600
FFE600

Triadic

FF6600
00FF66
6600FF

Split-Comp.

FF6600
00FFE6
0019FF

Tetradic

FF6600
1AFF00
0099FF
E600FF

Contrast Matrix WCAG 2.1 Contrast

FF6600
FFFFFF
0A0400
A0FF57
76ECB9
—
2.9
Fail
6.9
AA
2.4
Fail
2.0
Fail
2.9
Fail
—
20.4
AAA
1.2
Fail
1.5
Fail
6.9
AA
20.4
AAA
—
16.4
AAA
14.0
AAA
2.4
Fail
1.2
Fail
16.4
AAA
—
1.2
Fail
2.0
Fail
1.5
Fail
14.0
AAA
1.2
Fail
—
White BG
2.9Fail
1.0Fail
20.4AAA
1.2Fail
1.5Fail
Black BG
7.2AAA
21.0AAA
1.0Fail
16.9AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBB19
FFFFFF
070701
C9CA80
A9AAC5

Deuteranopia

C6D11F
FFFFFF
080801
C4BD89
A299C8

Tritanopia

F72C30
FFFFFF
0A0202
A5A0A7
7CCFD1

Achromatopsia

888888
FFFFFF
050505
CFCFCF
C3C3C3

Shades & Tints Shades & Tints

#FF6600

Dark
Light

#FFFFFF

Dark
Light

#0A0400

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff6600;
  --color-2: #ffffff;
  --color-3: #0a0400;
  --color-4: #a0ff57;
  --color-5: #76ecb9;
}

SCSS

$color-1: #ff6600;
$color-2: #ffffff;
$color-3: #0a0400;
$color-4: #a0ff57;
$color-5: #76ecb9;

TAILWIND

colors: {
  'brand-1': '#ff6600',
  'brand-2': '#ffffff',
  'brand-3': '#0a0400',
  'brand-4': '#a0ff57',
  'brand-5': '#76ecb9',
}

RGB Array

[255, 102, 0], [255, 255, 255], [10, 4, 0], [160, 255, 87], [118, 236, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF6600, #FFFFFF, #0A0400, #A0FF57, #76ECB9 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: #ff6600; --color-2: #ffffff; --color-3: #0a0400; --color-4: #a0ff57; --color-5: #76ecb9. 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