← Back to Editor

#190750 · #A71919 · #EAB919 · #D19814 · #F9F0C2

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

#190750

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#190750
RGB
rgb(25, 7, 80)
HSL
hsl(255, 84%, 17%)
HSB
hsb(255, 91%, 31%)
CMYK
cmyk(69%, 91%, 0%, 69%)
Oklch
oklch(22.5% 0.119 282.5)

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

#A71919

Vermilion · FireBrick · Wine Red

HEX
#A71919
RGB
rgb(167, 25, 25)
HSL
hsl(0, 74%, 38%)
HSB
hsb(0, 85%, 65%)
CMYK
cmyk(0%, 85%, 85%, 35%)
Oklch
oklch(46.9% 0.176 27.4)

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

#EAB919

Ginger · GoldenRod · Sunflower

HEX
#EAB919
RGB
rgb(234, 185, 25)
HSL
hsl(46, 83%, 51%)
HSB
hsb(46, 89%, 92%)
CMYK
cmyk(0%, 21%, 89%, 8%)
Oklch
oklch(80.7% 0.161 88.7)

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

#D19814

Ochre · GoldenRod · Honey Gold

HEX
#D19814
RGB
rgb(209, 152, 20)
HSL
hsl(42, 83%, 45%)
HSB
hsb(42, 90%, 82%)
CMYK
cmyk(0%, 27%, 90%, 18%)
Oklch
oklch(71.6% 0.144 80.8)

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

#F9F0C2

Fresh Green · Bisque · Lemon Cream

HEX
#F9F0C2
RGB
rgb(249, 240, 194)
HSL
hsl(50, 82%, 87%)
HSB
hsb(50, 22%, 98%)
CMYK
cmyk(0%, 4%, 22%, 2%)
Oklch
oklch(95.1% 0.060 98.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

190750
3E5007

Analogous

071950
190750
3E0750

Triadic

190750
501907
075019

Split-Comp.

190750
503E07
195007

Tetradic

190750
500719
3E5007
07503E

Contrast Matrix WCAG 2.1 Contrast

190750
A71919
EAB919
D19814
F9F0C2
—
2.4
Fail
9.6
AAA
6.9
AA
15.4
AAA
2.4
Fail
—
4.1
AA Large
2.9
Fail
6.5
AA
9.6
AAA
4.1
AA Large
—
1.4
Fail
1.6
Fail
6.9
AA
2.9
Fail
1.4
Fail
—
2.2
Fail
15.4
AAA
6.5
AA
1.6
Fail
2.2
Fail
—
White BG
17.7AAA
7.5AAA
1.8Fail
2.6Fail
1.1Fail
Black BG
1.2Fail
2.8Fail
11.5AAA
8.2AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

11113E
6A6819
D5D440
B8B834
F5F5CD

Deuteranopia

12143A
727C19
D8DB49
BCC03C
F6F6D0

Tritanopia

18302D
A01919
E85E65
CE4D53
F9D6D8

Achromatopsia

151515
434343
B5B5B5
9A9A9A
EDEDED

Shades & Tints Shades & Tints

#190750

Dark
Light

#A71919

Dark
Light

#EAB919

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #190750;
  --color-2: #a71919;
  --color-3: #eab919;
  --color-4: #d19814;
  --color-5: #f9f0c2;
}

SCSS

$color-1: #190750;
$color-2: #a71919;
$color-3: #eab919;
$color-4: #d19814;
$color-5: #f9f0c2;

TAILWIND

colors: {
  'brand-1': '#190750',
  'brand-2': '#a71919',
  'brand-3': '#eab919',
  'brand-4': '#d19814',
  'brand-5': '#f9f0c2',
}

RGB Array

[25, 7, 80], [167, 25, 25], [234, 185, 25], [209, 152, 20], [249, 240, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #190750, #A71919, #EAB919, #D19814, #F9F0C2 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #190750; --color-2: #a71919; --color-3: #eab919; --color-4: #d19814; --color-5: #f9f0c2. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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