← Back to Editor

#1B4654 · #6D7300 · #F25805 · #DE0298 · #443D4D

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 App

Color Details Color Details

#1B4654

Lake Blue · DarkSlateGray · Peacock Green

HEX
#1B4654
RGB
rgb(27, 70, 84)
HSL
hsl(195, 51%, 22%)
HSB
hsb(195, 68%, 33%)
CMYK
cmyk(68%, 17%, 0%, 67%)
Oklch
oklch(37.1% 0.053 222.5)

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

#6D7300

Autumn Sage · Olive · Amber Gold

HEX
#6D7300
RGB
rgb(109, 115, 0)
HSL
hsl(63, 100%, 23%)
HSB
hsb(63, 100%, 45%)
CMYK
cmyk(5%, 0%, 100%, 55%)
Oklch
oklch(53.2% 0.119 113.3)

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

#F25805

Tangerine · OrangeRed · Amber Brown

HEX
#F25805
RGB
rgb(242, 88, 5)
HSL
hsl(21, 96%, 48%)
HSB
hsb(21, 98%, 95%)
CMYK
cmyk(0%, 64%, 98%, 5%)
Oklch
oklch(65.9% 0.203 40.6)

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

#DE0298

Rose Purple · MediumVioletRed · Violet

HEX
#DE0298
RGB
rgb(222, 2, 152)
HSL
hsl(319, 98%, 44%)
HSB
hsb(319, 99%, 87%)
CMYK
cmyk(0%, 99%, 32%, 13%)
Oklch
oklch(59.6% 0.250 348.2)

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

#443D4D

Deep Indigo · DarkSlateGray · Eggplant

HEX
#443D4D
RGB
rgb(68, 61, 77)
HSL
hsl(266, 12%, 27%)
HSB
hsb(266, 21%, 30%)
CMYK
cmyk(12%, 21%, 0%, 70%)
Oklch
oklch(37.3% 0.028 304.9)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B4654
552A1B

Analogous

1B5546
1B4654
1B2A55

Triadic

1B4654
551B46
46551B

Split-Comp.

1B4654
551B2A
55461B

Tetradic

1B4654
461B55
552A1B
2A551B

Contrast Matrix WCAG 2.1 Contrast

1B4654
6D7300
F25805
DE0298
443D4D
—
2.0
Fail
3.0
AA Large
2.2
Fail
1.0
Fail
2.0
Fail
—
1.5
Fail
1.1
Fail
2.0
Fail
3.0
AA Large
1.5
Fail
—
1.4
Fail
3.1
AA Large
2.2
Fail
1.1
Fail
1.4
Fail
—
2.3
Fail
1.0
Fail
2.0
Fail
3.1
AA Large
2.3
Fail
—
White BG
10.2AAA
5.1AA
3.4AA Large
4.6AA
10.4AAA
Black BG
2.1Fail
4.1AA Large
6.2AA
4.6AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E51
70701C
AFAE19
7F7D74
414149

Deuteranopia

2B2850
6F6F23
B8C41E
8C9C6B
414248

Tritanopia

1D4E4D
6D3237
EA292C
D35751
444645

Achromatopsia

3B3B3B
646464
7D7D7D
555555
414141

Shades & Tints Shades & Tints

#1B4654

Dark
Light

#6D7300

Dark
Light

#F25805

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b4654;
  --color-2: #6d7300;
  --color-3: #f25805;
  --color-4: #de0298;
  --color-5: #443d4d;
}

SCSS

$color-1: #1b4654;
$color-2: #6d7300;
$color-3: #f25805;
$color-4: #de0298;
$color-5: #443d4d;

TAILWIND

colors: {
  'brand-1': '#1b4654',
  'brand-2': '#6d7300',
  'brand-3': '#f25805',
  'brand-4': '#de0298',
  'brand-5': '#443d4d',
}

RGB Array

[27, 70, 84], [109, 115, 0], [242, 88, 5], [222, 2, 152], [68, 61, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1B4654, #6D7300, #F25805, #DE0298, #443D4D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #1b4654; --color-2: #6d7300; --color-3: #f25805; --color-4: #de0298; --color-5: #443d4d. 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. 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