← Back to Editor

#28292D · #21B4BE · #6E498C · #F95A7A · #FFF9FB

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

#28292D

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#28292D
RGB
rgb(40, 41, 45)
HSL
hsl(228, 6%, 17%)
HSB
hsb(228, 11%, 18%)
CMYK
cmyk(11%, 9%, 0%, 82%)
Oklch
oklch(28.2% 0.007 274.7)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#21B4BE

Lake Blue · LightSeaGreen · Mint Ice

HEX
#21B4BE
RGB
rgb(33, 180, 190)
HSL
hsl(184, 70%, 44%)
HSB
hsb(184, 83%, 75%)
CMYK
cmyk(83%, 5%, 0%, 25%)
Oklch
oklch(70.3% 0.114 202.3)

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

#6E498C

Dark Plum · DarkSlateBlue · Violet

HEX
#6E498C
RGB
rgb(110, 73, 140)
HSL
hsl(273, 31%, 42%)
HSB
hsb(273, 48%, 55%)
CMYK
cmyk(21%, 48%, 0%, 45%)
Oklch
oklch(47.6% 0.111 308.2)

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

#F95A7A

Peach Pink · Salmon · Coral Red

HEX
#F95A7A
RGB
rgb(249, 90, 122)
HSL
hsl(348, 93%, 66%)
HSB
hsb(348, 64%, 98%)
CMYK
cmyk(0%, 64%, 51%, 2%)
Oklch
oklch(68.5% 0.194 11.8)

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

#FFF9FB

Rouge · Snow · Cherry Blossom

HEX
#FFF9FB
RGB
rgb(255, 249, 251)
HSL
hsl(340, 100%, 99%)
HSB
hsb(340, 2%, 100%)
CMYK
cmyk(0%, 2%, 2%, 0%)
Oklch
oklch(98.7% 0.007 354.8)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

28292D
2E2D29

Analogous

292C2E
28292D
2A292E

Triadic

28292D
2E292A
2A2E29

Split-Comp.

28292D
2E2A29
2C2E29

Tetradic

28292D
2E292C
2E2D29
292E2A

Contrast Matrix WCAG 2.1 Contrast

28292D
21B4BE
6E498C
F95A7A
FFF9FB
—
5.8
AA
2.1
Fail
4.7
AA
14.0
AAA
5.8
AA
—
2.8
Fail
1.2
Fail
2.4
Fail
2.1
Fail
2.8
Fail
—
2.3
Fail
6.7
AA
4.7
AA
1.2
Fail
2.3
Fail
—
3.0
Fail
14.0
AAA
2.4
Fail
6.7
AA
3.0
Fail
—
White BG
14.5AAA
2.5Fail
7.0AAA
3.1AA Large
1.0Fail
Black BG
1.4Fail
8.3AAA
3.0Fail
6.8AA
20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

28282C
6162BC
5E5E7C
B4B372
FCFCFB

Deuteranopia

28282C
584DBB
606378
BDC970
FDFDFA

Tritanopia

282B2B
28BAB9
6C6F6C
F16C6B
FFFAFA

Achromatopsia

292929
898989
5C5C5C
8D8D8D
FBFBFB

Shades & Tints Shades & Tints

#28292D

Dark
Light

#21B4BE

Dark
Light

#6E498C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #28292d;
  --color-2: #21b4be;
  --color-3: #6e498c;
  --color-4: #f95a7a;
  --color-5: #fff9fb;
}

SCSS

$color-1: #28292d;
$color-2: #21b4be;
$color-3: #6e498c;
$color-4: #f95a7a;
$color-5: #fff9fb;

TAILWIND

colors: {
  'brand-1': '#28292d',
  'brand-2': '#21b4be',
  'brand-3': '#6e498c',
  'brand-4': '#f95a7a',
  'brand-5': '#fff9fb',
}

RGB Array

[40, 41, 45], [33, 180, 190], [110, 73, 140], [249, 90, 122], [255, 249, 251]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #28292D, #21B4BE, #6E498C, #F95A7A, #FFF9FB 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: #28292d; --color-2: #21b4be; --color-3: #6e498c; --color-4: #f95a7a; --color-5: #fff9fb. 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