← Back to Editor

#281A1B · #8BDEBB · #BBBEAE · #E69EA5 · #F68B91

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

#281A1B

Crimson · Black · Deep Berry

HEX
#281A1B
RGB
rgb(40, 26, 27)
HSL
hsl(356, 21%, 13%)
HSB
hsb(356, 35%, 16%)
CMYK
cmyk(0%, 35%, 33%, 84%)
Oklch
oklch(23.6% 0.022 14.2)

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

#8BDEBB

Jade · MediumAquaMarine · Apple Green

HEX
#8BDEBB
RGB
rgb(139, 222, 187)
HSL
hsl(155, 56%, 71%)
HSB
hsb(155, 37%, 87%)
CMYK
cmyk(37%, 0%, 16%, 13%)
Oklch
oklch(83.8% 0.096 165.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#BBBEAE

Willow Green · Silver · Apple Green

HEX
#BBBEAE
RGB
rgb(187, 190, 174)
HSL
hsl(71, 11%, 71%)
HSB
hsb(71, 8%, 75%)
CMYK
cmyk(2%, 0%, 8%, 25%)
Oklch
oklch(79.5% 0.022 115.5)

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

#E69EA5

Peach Pink · Tan · Coral Red

HEX
#E69EA5
RGB
rgb(230, 158, 165)
HSL
hsl(354, 59%, 76%)
HSB
hsb(354, 31%, 90%)
CMYK
cmyk(0%, 31%, 28%, 10%)
Oklch
oklch(77.1% 0.086 12.9)

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

#F68B91

Peach Pink · LightCoral · Coral Red

HEX
#F68B91
RGB
rgb(246, 139, 145)
HSL
hsl(357, 86%, 75%)
HSB
hsb(357, 43%, 96%)
CMYK
cmyk(0%, 43%, 41%, 4%)
Oklch
oklch(75.3% 0.130 17.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

281A1B
1A2827

Analogous

281A22
281A1B
28201A

Triadic

281A1B
1B281A
1A1B28

Split-Comp.

281A1B
1A2820
1A2228

Tetradic

281A1B
22281A
1A2827
201A28

Contrast Matrix WCAG 2.1 Contrast

281A1B
8BDEBB
BBBEAE
E69EA5
F68B91
—
10.6
AAA
8.8
AAA
7.8
AAA
7.2
AAA
10.6
AAA
—
1.2
Fail
1.4
Fail
1.5
Fail
8.8
AAA
1.2
Fail
—
1.1
Fail
1.2
Fail
7.8
AAA
1.4
Fail
1.1
Fail
—
1.1
Fail
7.2
AAA
1.5
Fail
1.2
Fail
1.1
Fail
—
White BG
16.7AAA
1.6Fail
1.9Fail
2.1Fail
2.3Fail
Black BG
1.3Fail
13.3AAA
11.1AAA
9.8AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

22221B
AFB0C3
BCBCB2
C7C6A3
C8C790

Deuteranopia

23241B
AAA4C6
BCBCB3
CBD0A3
CED68F

Tritanopia

271B1B
8FCACC
BBB5B6
E2A2A2
F18E8E

Achromatopsia

1E1E1E
C1C1C1
BBBBBB
B4B4B4
ACACAC

Shades & Tints Shades & Tints

#281A1B

Dark
Light

#8BDEBB

Dark
Light

#BBBEAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #281a1b;
  --color-2: #8bdebb;
  --color-3: #bbbeae;
  --color-4: #e69ea5;
  --color-5: #f68b91;
}

SCSS

$color-1: #281a1b;
$color-2: #8bdebb;
$color-3: #bbbeae;
$color-4: #e69ea5;
$color-5: #f68b91;

TAILWIND

colors: {
  'brand-1': '#281a1b',
  'brand-2': '#8bdebb',
  'brand-3': '#bbbeae',
  'brand-4': '#e69ea5',
  'brand-5': '#f68b91',
}

RGB Array

[40, 26, 27], [139, 222, 187], [187, 190, 174], [230, 158, 165], [246, 139, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #281A1B, #8BDEBB, #BBBEAE, #E69EA5, #F68B91 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: #281a1b; --color-2: #8bdebb; --color-3: #bbbeae; --color-4: #e69ea5; --color-5: #f68b91. 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