← Back to Editor

#F8AFBE · #2B292E · #4B3939 · #615442 · #6F6F43

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#F8AFBE

Peach Pink · LightPink · Cherry Blossom

HEX
#F8AFBE
RGB
rgb(248, 175, 190)
HSL
hsl(348, 84%, 83%)
HSB
hsb(348, 29%, 97%)
CMYK
cmyk(0%, 29%, 23%, 3%)
Oklch
oklch(82.7% 0.087 5.6)

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

#2B292E

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2B292E
RGB
rgb(43, 41, 46)
HSL
hsl(264, 6%, 17%)
HSB
hsb(264, 11%, 18%)
CMYK
cmyk(7%, 11%, 0%, 82%)
Oklch
oklch(28.5% 0.009 303.9)

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

#4B3939

Crimson · DarkSlateGray · Wine Red

HEX
#4B3939
RGB
rgb(75, 57, 57)
HSL
hsl(0, 14%, 26%)
HSB
hsb(0, 24%, 29%)
CMYK
cmyk(0%, 24%, 24%, 71%)
Oklch
oklch(36.4% 0.026 18.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#615442

Ochre · DarkOliveGreen · Amber Brown

HEX
#615442
RGB
rgb(97, 84, 66)
HSL
hsl(35, 19%, 32%)
HSB
hsb(35, 32%, 38%)
CMYK
cmyk(0%, 13%, 32%, 62%)
Oklch
oklch(45.4% 0.033 75.8)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#6F6F43

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#6F6F43
RGB
rgb(111, 111, 67)
HSL
hsl(60, 25%, 35%)
HSB
hsb(60, 40%, 44%)
CMYK
cmyk(0%, 0%, 40%, 56%)
Oklch
oklch(53.1% 0.063 108.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8AFBE
AFF8E9

Analogous

F8AFE2
F8AFBE
F8C5AF

Triadic

F8AFBE
BEF8AF
AFBEF8

Split-Comp.

F8AFBE
AFF8C5
AFE2F8

Tetradic

F8AFBE
E2F8AF
AFF8E9
C5AFF8

Contrast Matrix WCAG 2.1 Contrast

F8AFBE
2B292E
4B3939
615442
6F6F43
—
8.1
AAA
6.1
AA
4.2
AA Large
2.9
Fail
8.1
AAA
—
1.3
Fail
2.0
Fail
2.8
Fail
6.1
AA
1.3
Fail
—
1.5
Fail
2.1
Fail
4.2
AA Large
2.0
Fail
1.5
Fail
—
1.4
Fail
2.9
Fail
2.8
Fail
2.1
Fail
1.4
Fail
—
White BG
1.8Fail
14.4AAA
10.8AAA
7.4AAA
5.2AA
Black BG
11.9AAA
1.5Fail
1.9Fail
2.9Fail
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8BA
2A2A2D
434339
5B5B46
6F6F4E

Deuteranopia

DDE2BA
2A2A2C
444639
5C5D47
6F6F50

Tritanopia

F4B8B7
2B2C2C
4A3939
604A4B
6F5658

Achromatopsia

C7C7C7
2A2A2A
3E3E3E
565656
6A6A6A

Shades & Tints Shades & Tints

#F8AFBE

Dark
Light

#2B292E

Dark
Light

#4B3939

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8afbe;
  --color-2: #2b292e;
  --color-3: #4b3939;
  --color-4: #615442;
  --color-5: #6f6f43;
}

SCSS

$color-1: #f8afbe;
$color-2: #2b292e;
$color-3: #4b3939;
$color-4: #615442;
$color-5: #6f6f43;

TAILWIND

colors: {
  'brand-1': '#f8afbe',
  'brand-2': '#2b292e',
  'brand-3': '#4b3939',
  'brand-4': '#615442',
  'brand-5': '#6f6f43',
}

RGB Array

[248, 175, 190], [43, 41, 46], [75, 57, 57], [97, 84, 66], [111, 111, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8AFBE, #2B292E, #4B3939, #615442, #6F6F43 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f8afbe; --color-2: #2b292e; --color-3: #4b3939; --color-4: #615442; --color-5: #6f6f43. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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