← Back to Editor

#04151A · #0C333D · #73480D · #CF7E0C · #FFEE7D

space

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

#04151A

Lake Blue · Black · Peacock Green

HEX
#04151A
RGB
rgb(4, 21, 26)
HSL
hsl(194, 73%, 6%)
HSB
hsb(194, 85%, 10%)
CMYK
cmyk(85%, 19%, 0%, 90%)
Oklch
oklch(18.3% 0.026 218.5)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#0C333D

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0C333D
RGB
rgb(12, 51, 61)
HSL
hsl(192, 67%, 14%)
HSB
hsb(192, 80%, 24%)
CMYK
cmyk(80%, 16%, 0%, 76%)
Oklch
oklch(29.9% 0.046 218.4)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#73480D

Ochre · Sienna · Cinnamon

HEX
#73480D
RGB
rgb(115, 72, 13)
HSL
hsl(35, 80%, 25%)
HSB
hsb(35, 89%, 45%)
CMYK
cmyk(0%, 37%, 89%, 55%)
Oklch
oklch(44.1% 0.090 68.2)

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

#CF7E0C

Ochre · DarkGoldenRod · Amber Brown

HEX
#CF7E0C
RGB
rgb(207, 126, 12)
HSL
hsl(35, 89%, 43%)
HSB
hsb(35, 94%, 81%)
CMYK
cmyk(0%, 39%, 94%, 19%)
Oklch
oklch(66.5% 0.146 65.5)

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

#FFEE7D

Fresh Green · Khaki · Sunflower

HEX
#FFEE7D
RGB
rgb(255, 238, 125)
HSL
hsl(52, 100%, 75%)
HSB
hsb(52, 51%, 100%)
CMYK
cmyk(0%, 7%, 51%, 0%)
Oklch
oklch(94.0% 0.135 100.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

04151A
1A0904

Analogous

041A15
04151A
040A1A

Triadic

04151A
1A0415
151A04

Split-Comp.

04151A
1A040A
1A1504

Tetradic

04151A
15041A
1A0904
0A1A04

Contrast Matrix WCAG 2.1 Contrast

04151A
0C333D
73480D
CF7E0C
FFEE7D
—
1.4
Fail
2.4
Fail
5.9
AA
15.8
AAA
1.4
Fail
—
1.7
Fail
4.3
AA Large
11.4
AAA
2.4
Fail
1.7
Fail
—
2.5
Fail
6.7
AA
5.9
AA
4.3
AA Large
2.5
Fail
—
2.7
Fail
15.8
AAA
11.4
AAA
6.7
AA
2.7
Fail
—
White BG
18.6AAA
13.5AAA
7.9AAA
3.2AA Large
1.2Fail
Black BG
1.1Fail
1.6Fail
2.7Fail
6.6AA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0B0C19
1D1D3B
60601B
ACAB28
F8F798

Deuteranopia

0A0919
1B183A
63661F
B1B72E
F9FA9F

Tritanopia

051818
0E3938
712729
CB3D42
FEAEB3

Achromatopsia

101010
282828
4E4E4E
898989
E6E6E6

Shades & Tints Shades & Tints

#04151A

Dark
Light

#0C333D

Dark
Light

#73480D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #04151a;
  --color-2: #0c333d;
  --color-3: #73480d;
  --color-4: #cf7e0c;
  --color-5: #ffee7d;
}

SCSS

$color-1: #04151a;
$color-2: #0c333d;
$color-3: #73480d;
$color-4: #cf7e0c;
$color-5: #ffee7d;

TAILWIND

colors: {
  'brand-1': '#04151a',
  'brand-2': '#0c333d',
  'brand-3': '#73480d',
  'brand-4': '#cf7e0c',
  'brand-5': '#ffee7d',
}

RGB Array

[4, 21, 26], [12, 51, 61], [115, 72, 13], [207, 126, 12], [255, 238, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #04151A, #0C333D, #73480D, #CF7E0C, #FFEE7D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #04151a; --color-2: #0c333d; --color-3: #73480d; --color-4: #cf7e0c; --color-5: #ffee7d. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 space-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