← Back to Editor

#27173B · #845268 · #E28C94 · #D0C691 · #BDFF8D

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

#27173B

Deep Indigo · MidnightBlue · Dark Purple

HEX
#27173B
RGB
rgb(39, 23, 59)
HSL
hsl(267, 44%, 16%)
HSB
hsb(267, 61%, 23%)
CMYK
cmyk(34%, 61%, 0%, 77%)
Oklch
oklch(24.6% 0.068 302.2)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#845268

Dark Violet · DimGray · Camellia

HEX
#845268
RGB
rgb(132, 82, 104)
HSL
hsl(334, 23%, 42%)
HSB
hsb(334, 38%, 52%)
CMYK
cmyk(0%, 38%, 21%, 48%)
Oklch
oklch(50.2% 0.073 352.1)

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

#E28C94

Peach Pink · LightCoral · Coral Red

HEX
#E28C94
RGB
rgb(226, 140, 148)
HSL
hsl(354, 60%, 72%)
HSB
hsb(354, 38%, 89%)
CMYK
cmyk(0%, 38%, 35%, 11%)
Oklch
oklch(73.1% 0.105 14.0)

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

#D0C691

Fresh Green · Tan · Sunflower

HEX
#D0C691
RGB
rgb(208, 198, 145)
HSL
hsl(50, 40%, 69%)
HSB
hsb(50, 30%, 82%)
CMYK
cmyk(0%, 5%, 30%, 18%)
Oklch
oklch(82.2% 0.071 98.7)

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

#BDFF8D

Emerald · LightGreen · Apple Green

HEX
#BDFF8D
RGB
rgb(189, 255, 141)
HSL
hsl(95, 100%, 78%)
HSB
hsb(95, 45%, 100%)
CMYK
cmyk(26%, 0%, 45%, 0%)
Oklch
oklch(93.1% 0.159 133.3)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

27173B
2B3B17

Analogous

17193B
27173B
39173B

Triadic

27173B
3B2717
173B27

Split-Comp.

27173B
3B3917
193B17

Tetradic

27173B
3B1719
2B3B17
173B39

Contrast Matrix WCAG 2.1 Contrast

27173B
845268
E28C94
D0C691
BDFF8D
—
2.7
Fail
6.6
AA
9.6
AAA
14.0
AAA
2.7
Fail
—
2.5
Fail
3.6
AA Large
5.3
AA
6.6
AA
2.5
Fail
—
1.4
Fail
2.1
Fail
9.6
AAA
3.6
AA Large
1.4
Fail
—
1.5
Fail
14.0
AAA
5.3
AA
2.1
Fail
1.5
Fail
—
White BG
16.5AAA
6.2AA
2.5Fail
1.7Fail
1.2Fail
Black BG
1.3Fail
3.4AA Large
8.4AAA
12.2AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

202032
6E6E63
BDBC92
CCCC9E
DADAA9

Deuteranopia

212230
717561
C2C892
CCCDA1
D6D1AF

Tritanopia

262B2A
825E5E
DE9190
D0A8AA
C0BEC3

Achromatopsia

202020
636363
A7A7A7
C3C3C3
DEDEDE

Shades & Tints Shades & Tints

#27173B

Dark
Light

#845268

Dark
Light

#E28C94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #27173b;
  --color-2: #845268;
  --color-3: #e28c94;
  --color-4: #d0c691;
  --color-5: #bdff8d;
}

SCSS

$color-1: #27173b;
$color-2: #845268;
$color-3: #e28c94;
$color-4: #d0c691;
$color-5: #bdff8d;

TAILWIND

colors: {
  'brand-1': '#27173b',
  'brand-2': '#845268',
  'brand-3': '#e28c94',
  'brand-4': '#d0c691',
  'brand-5': '#bdff8d',
}

RGB Array

[39, 23, 59], [132, 82, 104], [226, 140, 148], [208, 198, 145], [189, 255, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #27173B, #845268, #E28C94, #D0C691, #BDFF8D 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: #27173b; --color-2: #845268; --color-3: #e28c94; --color-4: #d0c691; --color-5: #bdff8d. 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