← Back to Editor

#072235 · #124E70 · #E3BE4D · #AD2807 · #4F160D

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

#072235

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#072235
RGB
rgb(7, 34, 53)
HSL
hsl(205, 77%, 12%)
HSB
hsb(205, 87%, 21%)
CMYK
cmyk(87%, 36%, 0%, 79%)
Oklch
oklch(24.2% 0.049 243.1)

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

#124E70

Lake Blue · DarkSlateGray · Prussian Blue

HEX
#124E70
RGB
rgb(18, 78, 112)
HSL
hsl(202, 72%, 25%)
HSB
hsb(202, 84%, 44%)
CMYK
cmyk(84%, 30%, 0%, 56%)
Oklch
oklch(40.4% 0.082 239.2)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#E3BE4D

Ginger · SandyBrown · Sunflower

HEX
#E3BE4D
RGB
rgb(227, 190, 77)
HSL
hsl(45, 73%, 60%)
HSB
hsb(45, 66%, 89%)
CMYK
cmyk(0%, 16%, 66%, 11%)
Oklch
oklch(81.3% 0.136 90.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#AD2807

Vermilion · FireBrick · Wine Red

HEX
#AD2807
RGB
rgb(173, 40, 7)
HSL
hsl(12, 92%, 35%)
HSB
hsb(12, 96%, 68%)
CMYK
cmyk(0%, 77%, 96%, 32%)
Oklch
oklch(49.0% 0.174 33.6)

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

#4F160D

Vermilion · Maroon · Deep Berry

HEX
#4F160D
RGB
rgb(79, 22, 13)
HSL
hsl(8, 72%, 18%)
HSB
hsb(8, 84%, 31%)
CMYK
cmyk(0%, 72%, 84%, 69%)
Oklch
oklch(29.3% 0.088 31.6)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

072235
361B07

Analogous

073632
072235
070B36

Triadic

072235
360723
233607

Split-Comp.

072235
36070B
363207

Tetradic

072235
320736
361B07
0B3607

Contrast Matrix WCAG 2.1 Contrast

072235
124E70
E3BE4D
AD2807
4F160D
—
1.8
Fail
9.1
AAA
2.4
Fail
1.1
Fail
1.8
Fail
—
5.0
AA
1.3
Fail
1.6
Fail
9.1
AAA
5.0
AA
—
3.8
AA Large
8.1
AAA
2.4
Fail
1.3
Fail
3.8
AA Large
—
2.1
Fail
1.1
Fail
1.6
Fail
8.1
AAA
2.1
Fail
—
White BG
16.3AAA
8.9AAA
1.8Fail
6.8AA
14.5AAA
Black BG
1.3Fail
2.3Fail
11.7AAA
3.1AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

131330
2C2D68
D3D368
73720F
36360F

Deuteranopia

110F2F
292466
D5D86F
7B8511
3A3E10

Tritanopia

082D2C
156160
E17E83
A61517
4C1111

Achromatopsia

1C1C1C
404040
BCBCBC
4C4C4C
262626

Shades & Tints Shades & Tints

#072235

Dark
Light

#124E70

Dark
Light

#E3BE4D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #072235;
  --color-2: #124e70;
  --color-3: #e3be4d;
  --color-4: #ad2807;
  --color-5: #4f160d;
}

SCSS

$color-1: #072235;
$color-2: #124e70;
$color-3: #e3be4d;
$color-4: #ad2807;
$color-5: #4f160d;

TAILWIND

colors: {
  'brand-1': '#072235',
  'brand-2': '#124e70',
  'brand-3': '#e3be4d',
  'brand-4': '#ad2807',
  'brand-5': '#4f160d',
}

RGB Array

[7, 34, 53], [18, 78, 112], [227, 190, 77], [173, 40, 7], [79, 22, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #072235, #124E70, #E3BE4D, #AD2807, #4F160D 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: #072235; --color-2: #124e70; --color-3: #e3be4d; --color-4: #ad2807; --color-5: #4f160d. 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