← Back to Editor

#FF1D08 · #288DA7 · #D9627F · #5D468C · #4242CF

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

#FF1D08

Vermilion · Red · Passion Red

HEX
#FF1D08
RGB
rgb(255, 29, 8)
HSL
hsl(5, 100%, 52%)
HSB
hsb(5, 97%, 100%)
CMYK
cmyk(0%, 89%, 97%, 0%)
Oklch
oklch(63.5% 0.251 30.0)

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

#288DA7

Lake Blue · SteelBlue · Mint Ice

HEX
#288DA7
RGB
rgb(40, 141, 167)
HSL
hsl(192, 61%, 41%)
HSB
hsb(192, 76%, 65%)
CMYK
cmyk(76%, 16%, 0%, 35%)
Oklch
oklch(59.8% 0.097 219.3)

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

#D9627F

Peach Pink · LightCoral · Coral Red

HEX
#D9627F
RGB
rgb(217, 98, 127)
HSL
hsl(345, 61%, 62%)
HSB
hsb(345, 55%, 85%)
CMYK
cmyk(0%, 55%, 41%, 15%)
Oklch
oklch(64.9% 0.151 7.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#5D468C

Deep Indigo · DarkSlateBlue · Violet

HEX
#5D468C
RGB
rgb(93, 70, 140)
HSL
hsl(260, 33%, 41%)
HSB
hsb(260, 50%, 55%)
CMYK
cmyk(34%, 50%, 0%, 45%)
Oklch
oklch(45.2% 0.112 296.8)

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

#4242CF

Deep Indigo · SlateBlue · Navy Blue

HEX
#4242CF
RGB
rgb(66, 66, 207)
HSL
hsl(240, 59%, 54%)
HSB
hsb(240, 68%, 81%)
CMYK
cmyk(68%, 68%, 0%, 19%)
Oklch
oklch(47.6% 0.210 274.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF1D08
0AEBFF

Analogous

FF0A70
FF1D08
FF990A

Triadic

FF1D08
0AFF1F
1F0AFF

Split-Comp.

FF1D08
0AFF99
0A70FF

Tetradic

FF1D08
70FF0A
0AEBFF
990AFF

Contrast Matrix WCAG 2.1 Contrast

FF1D08
288DA7
D9627F
5D468C
4242CF
—
1.0
Fail
1.1
Fail
2.0
Fail
1.9
Fail
1.0
Fail
—
1.1
Fail
2.0
Fail
1.9
Fail
1.1
Fail
1.1
Fail
—
2.2
Fail
2.1
Fail
2.0
Fail
2.0
Fail
2.2
Fail
—
1.1
Fail
1.9
Fail
1.9
Fail
2.1
Fail
1.1
Fail
—
White BG
3.9AA Large
3.8AA Large
3.5AA Large
7.7AAA
7.2AAA
Black BG
5.4AA
5.5AA
6.0AA
2.7Fail
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9B0D
5455A1
A5A478
53537B
4242AD

Deuteranopia

AABB0E
4E469F
ACB576
545677
4242A5

Tritanopia

F41112
2D9C9B
D37271
5C6E6B
42928C

Achromatopsia

5E5E5E
727272
898989
555555
525252

Shades & Tints Shades & Tints

#FF1D08

Dark
Light

#288DA7

Dark
Light

#D9627F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff1d08;
  --color-2: #288da7;
  --color-3: #d9627f;
  --color-4: #5d468c;
  --color-5: #4242cf;
}

SCSS

$color-1: #ff1d08;
$color-2: #288da7;
$color-3: #d9627f;
$color-4: #5d468c;
$color-5: #4242cf;

TAILWIND

colors: {
  'brand-1': '#ff1d08',
  'brand-2': '#288da7',
  'brand-3': '#d9627f',
  'brand-4': '#5d468c',
  'brand-5': '#4242cf',
}

RGB Array

[255, 29, 8], [40, 141, 167], [217, 98, 127], [93, 70, 140], [66, 66, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF1D08, #288DA7, #D9627F, #5D468C, #4242CF is ideal for: social media posters, mobile apps, e-commerce promos. 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: #ff1d08; --color-2: #288da7; --color-3: #d9627f; --color-4: #5d468c; --color-5: #4242cf. 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. 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