← Back to Editor

#3C81A2 · #060B20 · #C4CA00 · #CECFA7 · #C75600

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 AppData Visualization

Color Details Color Details

#3C81A2

Slate Blue · SteelBlue · Mint Ice

HEX
#3C81A2
RGB
rgb(60, 129, 162)
HSL
hsl(199, 46%, 44%)
HSB
hsb(199, 63%, 64%)
CMYK
cmyk(63%, 20%, 0%, 36%)
Oklch
oklch(57.3% 0.086 231.7)

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

#060B20

Indigo · Black · Deep Sea Blue

HEX
#060B20
RGB
rgb(6, 11, 32)
HSL
hsl(228, 68%, 7%)
HSB
hsb(228, 81%, 13%)
CMYK
cmyk(81%, 66%, 0%, 87%)
Oklch
oklch(15.9% 0.045 269.5)

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

#C4CA00

Autumn Sage · GoldenRod · Honey Gold

HEX
#C4CA00
RGB
rgb(196, 202, 0)
HSL
hsl(62, 100%, 40%)
HSB
hsb(62, 100%, 79%)
CMYK
cmyk(3%, 0%, 100%, 21%)
Oklch
oklch(80.7% 0.179 111.9)

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

#CECFA7

Fresh Green · Silver · Sunflower

HEX
#CECFA7
RGB
rgb(206, 207, 167)
HSL
hsl(61, 29%, 73%)
HSB
hsb(61, 19%, 81%)
CMYK
cmyk(0%, 0%, 19%, 19%)
Oklch
oklch(84.3% 0.053 108.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#C75600

Tangerine · Chocolate · Amber Brown

HEX
#C75600
RGB
rgb(199, 86, 0)
HSL
hsl(26, 100%, 39%)
HSB
hsb(26, 100%, 78%)
CMYK
cmyk(0%, 57%, 100%, 22%)
Oklch
oklch(58.9% 0.163 46.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3C81A2
A45D3D

Analogous

3DA491
3C81A2
3D50A4

Triadic

3C81A2
A43D83
83A43D

Split-Comp.

3C81A2
A43D50
A4913D

Tetradic

3C81A2
913DA4
A45D3D
50A43D

Contrast Matrix WCAG 2.1 Contrast

3C81A2
060B20
C4CA00
CECFA7
C75600
—
4.5
AA
2.4
Fail
2.7
Fail
1.0
Fail
4.5
AA
—
11.0
AAA
12.2
AAA
4.4
AA Large
2.4
Fail
11.0
AAA
—
1.1
Fail
2.5
Fail
2.7
Fail
12.2
AAA
1.1
Fail
—
2.8
Fail
1.0
Fail
4.4
AA Large
2.5
Fail
2.8
Fail
—
White BG
4.3AA Large
19.5AAA
1.8Fail
1.6Fail
4.4AA Large
Black BG
4.9AA
1.1Fail
11.8AAA
13.1AAA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5A9A
08081B
C7C731
CECEB1
969515

Deuteranopia

565198
08071A
C6C63D
CECEB3
9DA51A

Tritanopia

3F9492
061716
C45760
CEB8BA
C12529

Achromatopsia

707070
0C0C0C
B1B1B1
CACACA
6E6E6E

Shades & Tints Shades & Tints

#3C81A2

Dark
Light

#060B20

Dark
Light

#C4CA00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c81a2;
  --color-2: #060b20;
  --color-3: #c4ca00;
  --color-4: #cecfa7;
  --color-5: #c75600;
}

SCSS

$color-1: #3c81a2;
$color-2: #060b20;
$color-3: #c4ca00;
$color-4: #cecfa7;
$color-5: #c75600;

TAILWIND

colors: {
  'brand-1': '#3c81a2',
  'brand-2': '#060b20',
  'brand-3': '#c4ca00',
  'brand-4': '#cecfa7',
  'brand-5': '#c75600',
}

RGB Array

[60, 129, 162], [6, 11, 32], [196, 202, 0], [206, 207, 167], [199, 86, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #3C81A2, #060B20, #C4CA00, #CECFA7, #C75600 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: #3c81a2; --color-2: #060b20; --color-3: #c4ca00; --color-4: #cecfa7; --color-5: #c75600. 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 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