← Back to Editor

#B2205E · #F47A93 · #EDEDEB · #99DD88 · #77AA88

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#B2205E

Dark Violet · MediumVioletRed · Camellia

HEX
#B2205E
RGB
rgb(178, 32, 94)
HSL
hsl(335, 70%, 41%)
HSB
hsb(335, 82%, 70%)
CMYK
cmyk(0%, 82%, 47%, 30%)
Oklch
oklch(50.8% 0.184 1.6)

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

#F47A93

Peach Pink · LightCoral · Coral Red

HEX
#F47A93
RGB
rgb(244, 122, 147)
HSL
hsl(348, 85%, 72%)
HSB
hsb(348, 50%, 96%)
CMYK
cmyk(0%, 50%, 40%, 4%)
Oklch
oklch(72.6% 0.151 8.7)

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

#EDEDEB

Plain White · Linen · Cloud White

HEX
#EDEDEB
RGB
rgb(237, 237, 235)
HSL
hsl(60, 5%, 93%)
HSB
hsb(60, 1%, 93%)
CMYK
cmyk(0%, 0%, 1%, 7%)
Oklch
oklch(94.6% 0.003 106.5)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#99DD88

Emerald · LightGreen · Apple Green

HEX
#99DD88
RGB
rgb(153, 221, 136)
HSL
hsl(108, 56%, 70%)
HSB
hsb(108, 38%, 87%)
CMYK
cmyk(31%, 0%, 38%, 13%)
Oklch
oklch(83.2% 0.134 139.5)

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

#77AA88

Celadon · DarkSeaGreen · Olive Green

HEX
#77AA88
RGB
rgb(119, 170, 136)
HSL
hsl(140, 23%, 57%)
HSB
hsb(140, 30%, 67%)
CMYK
cmyk(30%, 0%, 20%, 33%)
Oklch
oklch(69.2% 0.074 154.9)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2205E
1FB275

Analogous

B21FA6
B2205E
B22C1F

Triadic

B2205E
5CB21F
1F5CB2

Split-Comp.

B2205E
1FB22C
1FA6B2

Tetradic

B2205E
A6B21F
1FB275
2C1FB2

Contrast Matrix WCAG 2.1 Contrast

B2205E
F47A93
EDEDEB
99DD88
77AA88
—
2.5
Fail
5.5
AA
4.0
AA Large
2.4
Fail
2.5
Fail
—
2.2
Fail
1.6
Fail
1.0
Fail
5.5
AA
2.2
Fail
—
1.4
Fail
2.3
Fail
4.0
AA Large
1.6
Fail
1.4
Fail
—
1.7
Fail
2.4
Fail
1.0
Fail
2.3
Fail
1.7
Fail
—
White BG
6.4AA
2.6Fail
1.2Fail
1.6Fail
2.7Fail
Black BG
3.3AA Large
8.1AAA
17.9AAA
13.1AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

73714F
BFBE8D
EDEDEB
B6B79D
8D8E90

Deuteranopia

7B864B
C6CF8C
EDEDEC
B3ADA2
8A8692

Tritanopia

AB4341
EE8887
EDECEC
9CADB0
7A9798

Achromatopsia

535353
A1A1A1
EDEDED
BFBFBF
979797

Shades & Tints Shades & Tints

#B2205E

Dark
Light

#F47A93

Dark
Light

#EDEDEB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2205e;
  --color-2: #f47a93;
  --color-3: #ededeb;
  --color-4: #99dd88;
  --color-5: #77aa88;
}

SCSS

$color-1: #b2205e;
$color-2: #f47a93;
$color-3: #ededeb;
$color-4: #99dd88;
$color-5: #77aa88;

TAILWIND

colors: {
  'brand-1': '#b2205e',
  'brand-2': '#f47a93',
  'brand-3': '#ededeb',
  'brand-4': '#99dd88',
  'brand-5': '#77aa88',
}

RGB Array

[178, 32, 94], [244, 122, 147], [237, 237, 235], [153, 221, 136], [119, 170, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B2205E, #F47A93, #EDEDEB, #99DD88, #77AA88 is ideal for: health products, baby brands, fresh-style blogs, 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: #b2205e; --color-2: #f47a93; --color-3: #ededeb; --color-4: #99dd88; --color-5: #77aa88. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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