← Back to Editor

#30052B · #16686E · #219175 · #C2C959 · #DCEB13

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

#30052B

Rose Purple · Black · Dark Purple

HEX
#30052B
RGB
rgb(48, 5, 43)
HSL
hsl(307, 81%, 10%)
HSB
hsb(307, 90%, 19%)
CMYK
cmyk(0%, 90%, 10%, 81%)
Oklch
oklch(22.0% 0.086 333.3)

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

#16686E

Lake Blue · Teal · Mint Ice

HEX
#16686E
RGB
rgb(22, 104, 110)
HSL
hsl(184, 67%, 26%)
HSB
hsb(184, 80%, 43%)
CMYK
cmyk(80%, 5%, 0%, 57%)
Oklch
oklch(47.4% 0.074 202.5)

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

#219175

Mineral Blue · SeaGreen · Mint Ice

HEX
#219175
RGB
rgb(33, 145, 117)
HSL
hsl(165, 63%, 35%)
HSB
hsb(165, 77%, 57%)
CMYK
cmyk(77%, 0%, 19%, 43%)
Oklch
oklch(58.9% 0.106 171.4)

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

#C2C959

Autumn Sage · BurlyWood · Sunflower

HEX
#C2C959
RGB
rgb(194, 201, 89)
HSL
hsl(64, 51%, 57%)
HSB
hsb(64, 56%, 79%)
CMYK
cmyk(3%, 0%, 56%, 21%)
Oklch
oklch(80.8% 0.136 112.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DCEB13

Autumn Sage · Yellow · Honey Gold

HEX
#DCEB13
RGB
rgb(220, 235, 19)
HSL
hsl(64, 85%, 50%)
HSB
hsb(64, 92%, 92%)
CMYK
cmyk(6%, 0%, 92%, 8%)
Oklch
oklch(89.8% 0.200 114.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

30052B
052E0A

Analogous

1E052E
30052B
2E0515

Triadic

30052B
292E05
05292E

Split-Comp.

30052B
152E05
052E1E

Tetradic

30052B
2E1E05
052E0A
05152E

Contrast Matrix WCAG 2.1 Contrast

30052B
16686E
219175
C2C959
DCEB13
—
2.7
Fail
4.5
AA
10.0
AAA
13.5
AAA
2.7
Fail
—
1.7
Fail
3.6
AA Large
4.9
AA
4.5
AA
1.7
Fail
—
2.2
Fail
3.0
Fail
10.0
AAA
3.6
AA Large
2.2
Fail
—
1.4
Fail
13.5
AAA
4.9
AA
3.0
Fail
1.4
Fail
—
White BG
17.8AAA
6.5AA
3.9AA Large
1.8Fail
1.3Fail
Black BG
1.2Fail
3.2AA Large
5.4AA
11.8AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1D22
3A3A6D
51537C
C5C574
E2E347

Deuteranopia

202320
352F6C
4B437D
C5C47B
E2E154

Tritanopia

2E1B19
1A6B6B
278182
C2898E
DD717A

Achromatopsia

161616
505050
6C6C6C
BABABA
CECECE

Shades & Tints Shades & Tints

#30052B

Dark
Light

#16686E

Dark
Light

#219175

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #30052b;
  --color-2: #16686e;
  --color-3: #219175;
  --color-4: #c2c959;
  --color-5: #dceb13;
}

SCSS

$color-1: #30052b;
$color-2: #16686e;
$color-3: #219175;
$color-4: #c2c959;
$color-5: #dceb13;

TAILWIND

colors: {
  'brand-1': '#30052b',
  'brand-2': '#16686e',
  'brand-3': '#219175',
  'brand-4': '#c2c959',
  'brand-5': '#dceb13',
}

RGB Array

[48, 5, 43], [22, 104, 110], [33, 145, 117], [194, 201, 89], [220, 235, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #30052B, #16686E, #219175, #C2C959, #DCEB13 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: #30052b; --color-2: #16686e; --color-3: #219175; --color-4: #c2c959; --color-5: #dceb13. 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