← Back to Editor

#F90033 · #FF9900 · #00A0C6 · #7FC31C · #FFE600

luxury

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

#F90033

Vermilion · Crimson · Passion Red

HEX
#F90033
RGB
rgb(249, 0, 51)
HSL
hsl(348, 100%, 49%)
HSB
hsb(348, 100%, 98%)
CMYK
cmyk(0%, 100%, 80%, 2%)
Oklch
oklch(62.0% 0.250 23.3)

TraditionalVermilion」· PaintPassion Red」· Creative Blush Sunrise

#FF9900

Ochre · Orange · Amber Brown

HEX
#FF9900
RGB
rgb(255, 153, 0)
HSL
hsl(36, 100%, 50%)
HSB
hsb(36, 100%, 100%)
CMYK
cmyk(0%, 40%, 100%, 0%)
Oklch
oklch(77.2% 0.174 64.6)

TraditionalOchre」· PaintAmber Brown」· Creative Blush Sunrise

#00A0C6

Lake Blue · LightSeaGreen · Mint Ice

HEX
#00A0C6
RGB
rgb(0, 160, 198)
HSL
hsl(192, 100%, 39%)
HSB
hsb(192, 100%, 78%)
CMYK
cmyk(100%, 19%, 0%, 22%)
Oklch
oklch(65.5% 0.122 222.6)

TraditionalLake Blue」· PaintMint Ice」· Creative Blush Sunrise

#7FC31C

Grass Green · Chartreuse · Olive Green

HEX
#7FC31C
RGB
rgb(127, 195, 28)
HSL
hsl(84, 75%, 44%)
HSB
hsb(84, 86%, 76%)
CMYK
cmyk(35%, 0%, 86%, 24%)
Oklch
oklch(74.3% 0.195 130.8)

TraditionalGrass Green」· PaintOlive Green」· Creative Blush Sunrise

#FFE600

Autumn Sage · Gold · Honey Gold

HEX
#FFE600
RGB
rgb(255, 230, 0)
HSL
hsl(54, 100%, 50%)
HSB
hsb(54, 100%, 100%)
CMYK
cmyk(0%, 10%, 100%, 0%)
Oklch
oklch(91.7% 0.192 101.4)

TraditionalAutumn Sage」· PaintHoney Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F90033
00FAC8

Analogous

FA00AF
F90033
FA4B00

Triadic

F90033
32FA00
0032FA

Split-Comp.

F90033
00FA4B
00AFFA

Tetradic

F90033
AFFA00
00FAC8
4B00FA

Contrast Matrix WCAG 2.1 Contrast

F90033
FF9900
00A0C6
7FC31C
FFE600
1.9
Fail
1.3
Fail
1.9
Fail
3.3
AA Large
1.9
Fail
1.4
Fail
1.0
Fail
1.7
Fail
1.3
Fail
1.4
Fail
1.4
Fail
2.4
Fail
1.9
Fail
1.0
Fail
1.4
Fail
1.7
Fail
3.3
AA Large
1.7
Fail
2.4
Fail
1.7
Fail
White BG
4.1AA Large
2.1Fail
3.1AA Large
2.2Fail
1.3Fail
Black BG
5.1AA
9.8AAA
6.8AA
9.7AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8B27
D3D225
4547BD
9C9D44
F4F438

Deuteranopia

9CAE24
D9E02E
3C30BB
99934E
F6F845

Tritanopia

ED1D1B
FA4249
08B6B4
82646B
FE646D

Achromatopsia

505050
A6A6A6
747474
9C9C9C
D3D3D3

Shades & Tints Shades & Tints

#F90033

Dark
Light

#FF9900

Dark
Light

#00A0C6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f90033;
  --color-2: #ff9900;
  --color-3: #00a0c6;
  --color-4: #7fc31c;
  --color-5: #ffe600;
}

SCSS

$color-1: #f90033;
$color-2: #ff9900;
$color-3: #00a0c6;
$color-4: #7fc31c;
$color-5: #ffe600;

TAILWIND

colors: {
  'brand-1': '#f90033',
  'brand-2': '#ff9900',
  'brand-3': '#00a0c6',
  'brand-4': '#7fc31c',
  'brand-5': '#ffe600',
}

RGB Array

[249, 0, 51], [255, 153, 0], [0, 160, 198], [127, 195, 28], [255, 230, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #F90033, #FF9900, #00A0C6, #7FC31C, #FFE600 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: #f90033; --color-2: #ff9900; --color-3: #00a0c6; --color-4: #7fc31c; --color-5: #ffe600. 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 luxury-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