← Back to Editor

#064969 · #45032A · #F72C0C · #E68E00 · #BFB084

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

#064969

Lake Blue · DarkSlateGray · Peacock Green

HEX
#064969
RGB
rgb(6, 73, 105)
HSL
hsl(199, 89%, 22%)
HSB
hsb(199, 94%, 41%)
CMYK
cmyk(94%, 30%, 0%, 59%)
Oklch
oklch(38.4% 0.081 237.0)

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

#45032A

Rose Purple · Maroon · Raspberry

HEX
#45032A
RGB
rgb(69, 3, 42)
HSL
hsl(325, 92%, 14%)
HSB
hsb(325, 96%, 27%)
CMYK
cmyk(0%, 96%, 39%, 73%)
Oklch
oklch(26.0% 0.103 351.0)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#F72C0C

Vermilion · OrangeRed · Passion Red

HEX
#F72C0C
RGB
rgb(247, 44, 12)
HSL
hsl(8, 94%, 51%)
HSB
hsb(8, 95%, 97%)
CMYK
cmyk(0%, 82%, 95%, 3%)
Oklch
oklch(62.8% 0.237 31.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E68E00

Ochre · Orange · Amber Brown

HEX
#E68E00
RGB
rgb(230, 142, 0)
HSL
hsl(37, 100%, 45%)
HSB
hsb(37, 100%, 90%)
CMYK
cmyk(0%, 38%, 100%, 10%)
Oklch
oklch(72.2% 0.159 67.1)

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

#BFB084

Ginger · Tan · Sunflower

HEX
#BFB084
RGB
rgb(191, 176, 132)
HSL
hsl(45, 32%, 63%)
HSB
hsb(45, 31%, 75%)
CMYK
cmyk(0%, 8%, 31%, 25%)
Oklch
oklch(75.9% 0.062 91.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

064969
6A2606

Analogous

066A58
064969
06186A

Triadic

064969
6A064A
4A6A06

Split-Comp.

064969
6A0618
6A5806

Tetradic

064969
58066A
6A2606
186A06

Contrast Matrix WCAG 2.1 Contrast

064969
45032A
F72C0C
E68E00
BFB084
—
1.7
Fail
2.5
Fail
3.8
AA Large
4.5
AA
1.7
Fail
—
4.1
AA Large
6.3
AA
7.5
AAA
2.5
Fail
4.1
AA Large
—
1.5
Fail
1.8
Fail
3.8
AA Large
6.3
AA
1.5
Fail
—
1.2
Fail
4.5
AA
7.5
AAA
1.8
Fail
1.2
Fail
—
White BG
9.7AAA
16.2AAA
3.9AA Large
2.6Fail
2.2Fail
Black BG
2.2Fail
1.3Fail
5.3AA
8.2AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

232461
282821
9F9D14
C0BF22
B9B88F

Deuteranopia

1F1A5F
2C311E
ABBA16
C5CC2B
B9BB91

Tritanopia

095B5A
421917
ED1A1B
E23D43
BE9799

Achromatopsia

393939
1B1B1B
656565
989898
AFAFAF

Shades & Tints Shades & Tints

#064969

Dark
Light

#45032A

Dark
Light

#F72C0C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #064969;
  --color-2: #45032a;
  --color-3: #f72c0c;
  --color-4: #e68e00;
  --color-5: #bfb084;
}

SCSS

$color-1: #064969;
$color-2: #45032a;
$color-3: #f72c0c;
$color-4: #e68e00;
$color-5: #bfb084;

TAILWIND

colors: {
  'brand-1': '#064969',
  'brand-2': '#45032a',
  'brand-3': '#f72c0c',
  'brand-4': '#e68e00',
  'brand-5': '#bfb084',
}

RGB Array

[6, 73, 105], [69, 3, 42], [247, 44, 12], [230, 142, 0], [191, 176, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #064969, #45032A, #F72C0C, #E68E00, #BFB084 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: #064969; --color-2: #45032a; --color-3: #f72c0c; --color-4: #e68e00; --color-5: #bfb084. 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 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