← Back to Editor

#F9C99C · #C4709E · #5B316E · #241B44 · #090A27

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F9C99C

Apricot · Wheat · Peach Orange

HEX
#F9C99C
RGB
rgb(249, 201, 156)
HSL
hsl(29, 89%, 79%)
HSB
hsb(29, 37%, 98%)
CMYK
cmyk(0%, 19%, 37%, 2%)
Oklch
oklch(86.7% 0.080 64.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C4709E

Rose Purple · LightCoral · Rose Pink

HEX
#C4709E
RGB
rgb(196, 112, 158)
HSL
hsl(327, 42%, 60%)
HSB
hsb(327, 43%, 77%)
CMYK
cmyk(0%, 43%, 19%, 23%)
Oklch
oklch(65.2% 0.120 346.9)

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

#5B316E

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5B316E
RGB
rgb(91, 49, 110)
HSL
hsl(281, 38%, 31%)
HSB
hsb(281, 55%, 43%)
CMYK
cmyk(17%, 55%, 0%, 57%)
Oklch
oklch(39.4% 0.109 314.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#241B44

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#241B44
RGB
rgb(36, 27, 68)
HSL
hsl(253, 43%, 19%)
HSB
hsb(253, 60%, 27%)
CMYK
cmyk(47%, 60%, 0%, 73%)
Oklch
oklch(25.7% 0.074 290.3)

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

#090A27

Indigo · Black · Deep Sea Blue

HEX
#090A27
RGB
rgb(9, 10, 39)
HSL
hsl(238, 63%, 9%)
HSB
hsb(238, 77%, 15%)
CMYK
cmyk(77%, 74%, 0%, 85%)
Oklch
oklch(16.6% 0.058 276.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9C99C
9ACBF9

Analogous

F99A9B
F9C99C
F9F89A

Triadic

F9C99C
9AF9C8
C89AF9

Split-Comp.

F9C99C
9AF9F8
9A9BF9

Tetradic

F9C99C
9BF99A
9ACBF9
F89AF9

Contrast Matrix WCAG 2.1 Contrast

F9C99C
C4709E
5B316E
241B44
090A27
—
2.3
Fail
6.6
AA
10.5
AAA
12.8
AAA
2.3
Fail
—
2.9
Fail
4.7
AA
5.7
AA
6.6
AA
2.9
Fail
—
1.6
Fail
1.9
Fail
10.5
AAA
4.7
AA
1.6
Fail
—
1.2
Fail
12.8
AAA
5.7
AA
1.9
Fail
1.2
Fail
—
White BG
1.5Fail
3.4AA Large
10.0AAA
16.0AAA
19.4AAA
Black BG
13.9AAA
6.2AA
2.1Fail
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4A7
A09F93
49485F
20203A
090920

Deuteranopia

E7EBAA
A5AB90
4B4E5C
212138
09091E

Tritanopia

F7AFB1
C08A88
595451
243231
091A19

Achromatopsia

D2D2D2
8E8E8E
454545
222222
0D0D0D

Shades & Tints Shades & Tints

#F9C99C

Dark
Light

#C4709E

Dark
Light

#5B316E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9c99c;
  --color-2: #c4709e;
  --color-3: #5b316e;
  --color-4: #241b44;
  --color-5: #090a27;
}

SCSS

$color-1: #f9c99c;
$color-2: #c4709e;
$color-3: #5b316e;
$color-4: #241b44;
$color-5: #090a27;

TAILWIND

colors: {
  'brand-1': '#f9c99c',
  'brand-2': '#c4709e',
  'brand-3': '#5b316e',
  'brand-4': '#241b44',
  'brand-5': '#090a27',
}

RGB Array

[249, 201, 156], [196, 112, 158], [91, 49, 110], [36, 27, 68], [9, 10, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9C99C, #C4709E, #5B316E, #241B44, #090A27 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f9c99c; --color-2: #c4709e; --color-3: #5b316e; --color-4: #241b44; --color-5: #090a27. 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 tech, SaaS, healthcare, eco industries. 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