← Back to Editor

#F6D1DA · #150005 · #395963 · #B9B25B · #7086AD

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

#F6D1DA

Peach Pink · Pink · Cherry Blossom

HEX
#F6D1DA
RGB
rgb(246, 209, 218)
HSL
hsl(345, 67%, 89%)
HSB
hsb(345, 15%, 96%)
CMYK
cmyk(0%, 15%, 11%, 4%)
Oklch
oklch(89.4% 0.043 1.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#150005

Vermilion · Black · Deep Berry

HEX
#150005
RGB
rgb(21, 0, 5)
HSL
hsl(346, 100%, 4%)
HSB
hsb(346, 100%, 8%)
CMYK
cmyk(0%, 100%, 76%, 92%)
Oklch
oklch(12.6% 0.051 3.6)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#395963

Slate Blue · DarkSlateGray · Mint Ice

HEX
#395963
RGB
rgb(57, 89, 99)
HSL
hsl(194, 27%, 31%)
HSB
hsb(194, 42%, 39%)
CMYK
cmyk(42%, 10%, 0%, 61%)
Oklch
oklch(44.3% 0.041 219.5)

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

#B9B25B

Autumn Sage · Tan · Sunflower

HEX
#B9B25B
RGB
rgb(185, 178, 91)
HSL
hsl(56, 40%, 54%)
HSB
hsb(56, 51%, 73%)
CMYK
cmyk(0%, 4%, 51%, 27%)
Oklch
oklch(75.1% 0.110 104.6)

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

#7086AD

Azure · LightSlateGray · Navy Blue

HEX
#7086AD
RGB
rgb(112, 134, 173)
HSL
hsl(218, 27%, 56%)
HSB
hsb(218, 35%, 68%)
CMYK
cmyk(35%, 23%, 0%, 32%)
Oklch
oklch(61.8% 0.065 261.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6D1DA
D0F6EC

Analogous

F6D0EC
F6D1DA
F6DAD0

Triadic

F6D1DA
DAF6D0
D0DAF6

Split-Comp.

F6D1DA
D0F6DA
D0ECF6

Tetradic

F6D1DA
ECF6D0
D0F6EC
DAD0F6

Contrast Matrix WCAG 2.1 Contrast

F6D1DA
150005
395963
B9B25B
7086AD
—
14.6
AAA
5.4
AA
1.6
Fail
2.6
Fail
14.6
AAA
—
2.7
Fail
9.3
AAA
5.5
AA
5.4
AA
2.7
Fail
—
3.4
AA Large
2.0
Fail
1.6
Fail
9.3
AAA
3.4
AA Large
—
1.7
Fail
2.6
Fail
5.5
AA
2.0
Fail
1.7
Fail
—
White BG
1.4Fail
20.3AAA
7.5AAA
2.2Fail
3.7AA Large
Black BG
15.1AAA
1.0Fail
2.8Fail
9.6AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6D8
0C0C04
474761
B6B670
7A7AA4

Deuteranopia

E8EBD7
0D0F04
454360
B6B775
7877A1

Tritanopia

F4D6D6
140303
3B5F5E
B98184
719C9A

Achromatopsia

DDDDDD
070707
515151
AAAAAA
848484

Shades & Tints Shades & Tints

#F6D1DA

Dark
Light

#150005

Dark
Light

#395963

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6d1da;
  --color-2: #150005;
  --color-3: #395963;
  --color-4: #b9b25b;
  --color-5: #7086ad;
}

SCSS

$color-1: #f6d1da;
$color-2: #150005;
$color-3: #395963;
$color-4: #b9b25b;
$color-5: #7086ad;

TAILWIND

colors: {
  'brand-1': '#f6d1da',
  'brand-2': '#150005',
  'brand-3': '#395963',
  'brand-4': '#b9b25b',
  'brand-5': '#7086ad',
}

RGB Array

[246, 209, 218], [21, 0, 5], [57, 89, 99], [185, 178, 91], [112, 134, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6D1DA, #150005, #395963, #B9B25B, #7086AD is ideal for: 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: #f6d1da; --color-2: #150005; --color-3: #395963; --color-4: #b9b25b; --color-5: #7086ad. 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 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