← Back to Editor

#250E1A · #506087 · #24ADAB · #F3076C · #F6AB08

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

#250E1A

Rose Purple · Black · Raspberry

HEX
#250E1A
RGB
rgb(37, 14, 26)
HSL
hsl(329, 45%, 10%)
HSB
hsb(329, 62%, 15%)
CMYK
cmyk(0%, 62%, 30%, 85%)
Oklch
oklch(20.4% 0.043 349.0)

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

#506087

Indigo · DarkSlateBlue · Navy Blue

HEX
#506087
RGB
rgb(80, 96, 135)
HSL
hsl(223, 26%, 42%)
HSB
hsb(223, 41%, 53%)
CMYK
cmyk(41%, 29%, 0%, 47%)
Oklch
oklch(49.2% 0.066 266.9)

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

#24ADAB

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#24ADAB
RGB
rgb(36, 173, 171)
HSL
hsl(179, 66%, 41%)
HSB
hsb(179, 79%, 68%)
CMYK
cmyk(79%, 0%, 1%, 32%)
Oklch
oklch(68.0% 0.109 193.3)

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

#F3076C

Dark Violet · DeepPink · Camellia

HEX
#F3076C
RGB
rgb(243, 7, 108)
HSL
hsl(334, 94%, 49%)
HSB
hsb(334, 97%, 95%)
CMYK
cmyk(0%, 97%, 56%, 5%)
Oklch
oklch(62.0% 0.246 7.1)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F6AB08

Ochre · Orange · Honey Gold

HEX
#F6AB08
RGB
rgb(246, 171, 8)
HSL
hsl(41, 94%, 50%)
HSB
hsb(41, 97%, 96%)
CMYK
cmyk(0%, 30%, 97%, 4%)
Oklch
oklch(79.3% 0.165 76.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

250E1A
0E2519

Analogous

250E25
250E1A
250E0E

Triadic

250E1A
1A250E
0E1A25

Split-Comp.

250E1A
0E250E
0E2525

Tetradic

250E1A
25250E
0E2519
0E0E25

Contrast Matrix WCAG 2.1 Contrast

250E1A
506087
24ADAB
F3076C
F6AB08
—
2.9
Fail
6.6
AA
4.4
AA Large
9.3
AAA
2.9
Fail
—
2.3
Fail
1.5
Fail
3.2
AA Large
6.6
AA
2.3
Fail
—
1.5
Fail
1.4
Fail
4.4
AA Large
1.5
Fail
1.5
Fail
—
2.1
Fail
9.3
AAA
3.2
AA Large
1.4
Fail
2.1
Fail
—
White BG
18.2AAA
6.2AA
2.7Fail
4.2AA Large
2.0Fail
Black BG
1.2Fail
3.4AA Large
7.6AAA
5.1AA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B17
57577E
5F61AB
8D8B54
D6D52F

Deuteranopia

1C1E16
56557B
574DAC
9BAC4E
DAE039

Tritanopia

241514
517674
2BACAC
E7403C
F24F55

Achromatopsia

161616
606060
848484
595959
AFAFAF

Shades & Tints Shades & Tints

#250E1A

Dark
Light

#506087

Dark
Light

#24ADAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #250e1a;
  --color-2: #506087;
  --color-3: #24adab;
  --color-4: #f3076c;
  --color-5: #f6ab08;
}

SCSS

$color-1: #250e1a;
$color-2: #506087;
$color-3: #24adab;
$color-4: #f3076c;
$color-5: #f6ab08;

TAILWIND

colors: {
  'brand-1': '#250e1a',
  'brand-2': '#506087',
  'brand-3': '#24adab',
  'brand-4': '#f3076c',
  'brand-5': '#f6ab08',
}

RGB Array

[37, 14, 26], [80, 96, 135], [36, 173, 171], [243, 7, 108], [246, 171, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #250E1A, #506087, #24ADAB, #F3076C, #F6AB08 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: #250e1a; --color-2: #506087; --color-3: #24adab; --color-4: #f3076c; --color-5: #f6ab08. 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