← Back to Editor

#FF9100 · #FFB800 · #FFE000 · #00C2FF · #00ADFF

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 App

Color Details Color Details

#FF9100

Ochre · Orange · Amber Brown

HEX
#FF9100
RGB
rgb(255, 145, 0)
HSL
hsl(34, 100%, 50%)
HSB
hsb(34, 100%, 100%)
CMYK
cmyk(0%, 43%, 100%, 0%)
Oklch
oklch(75.9% 0.177 60.6)

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

#FFB800

Ochre · Orange · Honey Gold

HEX
#FFB800
RGB
rgb(255, 184, 0)
HSL
hsl(43, 100%, 50%)
HSB
hsb(43, 100%, 100%)
CMYK
cmyk(0%, 28%, 100%, 0%)
Oklch
oklch(82.7% 0.171 80.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#FFE000

Autumn Sage · Gold · Honey Gold

HEX
#FFE000
RGB
rgb(255, 224, 0)
HSL
hsl(53, 100%, 50%)
HSB
hsb(53, 100%, 100%)
CMYK
cmyk(0%, 12%, 100%, 0%)
Oklch
oklch(90.5% 0.188 99.1)

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

#00C2FF

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#00C2FF
RGB
rgb(0, 194, 255)
HSL
hsl(194, 100%, 50%)
HSB
hsb(194, 100%, 100%)
CMYK
cmyk(100%, 24%, 0%, 0%)
Oklch
oklch(76.2% 0.152 230.0)

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

#00ADFF

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#00ADFF
RGB
rgb(0, 173, 255)
HSL
hsl(199, 100%, 50%)
HSB
hsb(199, 100%, 100%)
CMYK
cmyk(100%, 32%, 0%, 0%)
Oklch
oklch(71.4% 0.166 240.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF9100
006FFF

Analogous

FF1100
FF9100
EEFF00

Triadic

FF9100
00FF90
9000FF

Split-Comp.

FF9100
00EEFF
1100FF

Tetradic

FF9100
00FF11
006FFF
FF00EE

Contrast Matrix WCAG 2.1 Contrast

FF9100
FFB800
FFE000
00C2FF
00ADFF
—
1.3
Fail
1.7
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.3
Fail
1.2
Fail
1.4
Fail
1.7
Fail
1.3
Fail
—
1.6
Fail
1.9
Fail
1.1
Fail
1.2
Fail
1.6
Fail
—
1.2
Fail
1.1
Fail
1.4
Fail
1.9
Fail
1.2
Fail
—
White BG
2.3Fail
1.7Fail
1.3Fail
2.1Fail
2.5Fail
Black BG
9.3AAA
12.1AAA
15.9AAA
10.2AAA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCE23
E0E02D
F2F136
5456F0
4B4CEB

Deuteranopia

D6DE2C
E4EA37
F3F643
493AED
4134E6

Tritanopia

FA3F45
FB5057
FD616A
0AE5E2
09DBD8

Achromatopsia

A1A1A1
B8B8B8
D0D0D0
8F8F8F
838383

Shades & Tints Shades & Tints

#FF9100

Dark
Light

#FFB800

Dark
Light

#FFE000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff9100;
  --color-2: #ffb800;
  --color-3: #ffe000;
  --color-4: #00c2ff;
  --color-5: #00adff;
}

SCSS

$color-1: #ff9100;
$color-2: #ffb800;
$color-3: #ffe000;
$color-4: #00c2ff;
$color-5: #00adff;

TAILWIND

colors: {
  'brand-1': '#ff9100',
  'brand-2': '#ffb800',
  'brand-3': '#ffe000',
  'brand-4': '#00c2ff',
  'brand-5': '#00adff',
}

RGB Array

[255, 145, 0], [255, 184, 0], [255, 224, 0], [0, 194, 255], [0, 173, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF9100, #FFB800, #FFE000, #00C2FF, #00ADFF is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #ff9100; --color-2: #ffb800; --color-3: #ffe000; --color-4: #00c2ff; --color-5: #00adff. 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. 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