← Back to Editor

#030880 · #037180 · #23B07A · #DBB440 · #B07A23

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

#030880

Indigo · Navy · Prussian Blue

HEX
#030880
RGB
rgb(3, 8, 128)
HSL
hsl(238, 95%, 26%)
HSB
hsb(238, 98%, 50%)
CMYK
cmyk(98%, 94%, 0%, 50%)
Oklch
oklch(27.9% 0.182 265.0)

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

#037180

Lake Blue · Teal · Mint Ice

HEX
#037180
RGB
rgb(3, 113, 128)
HSL
hsl(187, 95%, 26%)
HSB
hsb(187, 98%, 50%)
CMYK
cmyk(98%, 12%, 0%, 50%)
Oklch
oklch(50.3% 0.087 210.8)

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

#23B07A

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#23B07A
RGB
rgb(35, 176, 122)
HSL
hsl(157, 67%, 41%)
HSB
hsb(157, 80%, 69%)
CMYK
cmyk(80%, 0%, 31%, 31%)
Oklch
oklch(67.3% 0.140 161.4)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#DBB440

Ginger · GoldenRod · Sunflower

HEX
#DBB440
RGB
rgb(219, 180, 64)
HSL
hsl(45, 68%, 55%)
HSB
hsb(45, 71%, 86%)
CMYK
cmyk(0%, 18%, 71%, 14%)
Oklch
oklch(78.4% 0.137 89.9)

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

#B07A23

Ochre · DarkGoldenRod · Amber Brown

HEX
#B07A23
RGB
rgb(176, 122, 35)
HSL
hsl(37, 67%, 41%)
HSB
hsb(37, 80%, 69%)
CMYK
cmyk(0%, 31%, 80%, 31%)
Oklch
oklch(62.0% 0.119 74.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

030880
817D03

Analogous

034681
030880
3E0381

Triadic

030880
810308
088103

Split-Comp.

030880
813E03
468103

Tetradic

030880
810346
817D03
03813E

Contrast Matrix WCAG 2.1 Contrast

030880
037180
23B07A
DBB440
B07A23
—
2.7
Fail
5.6
AA
7.9
AAA
4.2
AA Large
2.7
Fail
—
2.1
Fail
2.9
Fail
1.5
Fail
5.6
AA
2.1
Fail
—
1.4
Fail
1.3
Fail
7.9
AAA
2.9
Fail
1.4
Fail
—
1.9
Fail
4.2
AA Large
1.5
Fail
1.3
Fail
1.9
Fail
—
White BG
15.6AAA
5.7AA
2.8Fail
2.0Fail
3.7AA Large
Black BG
1.4Fail
3.7AA Large
7.6AAA
10.6AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

050563
33347C
606187
CACA5C
999838

Deuteranopia

05055C
2C247C
584D8A
CCCF63
9CA03D

Tritanopia

034C47
097A79
2A9194
D97277
AD494C

Achromatopsia

141414
525252
808080
B2B2B2
808080

Shades & Tints Shades & Tints

#030880

Dark
Light

#037180

Dark
Light

#23B07A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #030880;
  --color-2: #037180;
  --color-3: #23b07a;
  --color-4: #dbb440;
  --color-5: #b07a23;
}

SCSS

$color-1: #030880;
$color-2: #037180;
$color-3: #23b07a;
$color-4: #dbb440;
$color-5: #b07a23;

TAILWIND

colors: {
  'brand-1': '#030880',
  'brand-2': '#037180',
  'brand-3': '#23b07a',
  'brand-4': '#dbb440',
  'brand-5': '#b07a23',
}

RGB Array

[3, 8, 128], [3, 113, 128], [35, 176, 122], [219, 180, 64], [176, 122, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #030880, #037180, #23B07A, #DBB440, #B07A23 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: #030880; --color-2: #037180; --color-3: #23b07a; --color-4: #dbb440; --color-5: #b07a23. 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