← Back to Editor

#FEFECC · #398254 · #91CC88 · #E3B8C9 · #3B92E1

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FEFECC

Fresh Green · LightYellow · Lemon Cream

HEX
#FEFECC
RGB
rgb(254, 254, 204)
HSL
hsl(60, 96%, 90%)
HSB
hsb(60, 20%, 100%)
CMYK
cmyk(0%, 0%, 20%, 0%)
Oklch
oklch(98.5% 0.064 107.5)

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

#398254

Celadon · SeaGreen · Forest Green

HEX
#398254
RGB
rgb(57, 130, 84)
HSL
hsl(142, 39%, 37%)
HSB
hsb(142, 56%, 51%)
CMYK
cmyk(56%, 0%, 35%, 49%)
Oklch
oklch(54.7% 0.103 153.6)

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

#91CC88

Celadon · DarkSeaGreen · Apple Green

HEX
#91CC88
RGB
rgb(145, 204, 136)
HSL
hsl(112, 40%, 67%)
HSB
hsb(112, 33%, 80%)
CMYK
cmyk(29%, 0%, 33%, 20%)
Oklch
oklch(78.8% 0.112 141.2)

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

#E3B8C9

Rouge · Pink · Cherry Blossom

HEX
#E3B8C9
RGB
rgb(227, 184, 201)
HSL
hsl(336, 43%, 81%)
HSB
hsb(336, 19%, 89%)
CMYK
cmyk(0%, 19%, 11%, 11%)
Oklch
oklch(82.5% 0.054 352.7)

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

#3B92E1

Lake Blue · DodgerBlue · Navy Blue

HEX
#3B92E1
RGB
rgb(59, 146, 225)
HSL
hsl(209, 73%, 56%)
HSB
hsb(209, 74%, 88%)
CMYK
cmyk(74%, 35%, 0%, 12%)
Oklch
oklch(64.5% 0.145 249.3)

Traditional「Lake Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFECC
CDCDFE

Analogous

FEE6CD
FEFECC
E6FECD

Triadic

FEFECC
CDFEFE
FECDFE

Split-Comp.

FEFECC
CDE6FE
E6CDFE

Tetradic

FEFECC
CDFEE6
CDCDFE
FECDE6

Contrast Matrix WCAG 2.1 Contrast

FEFECC
398254
91CC88
E3B8C9
3B92E1
—
4.5
AA
1.8
Fail
1.7
Fail
3.2
AA Large
4.5
AA
—
2.5
Fail
2.7
Fail
1.4
Fail
1.8
Fail
2.5
Fail
—
1.1
Fail
1.8
Fail
1.7
Fail
2.7
Fail
1.1
Fail
—
1.9
Fail
3.2
AA Large
1.4
Fail
1.8
Fail
1.9
Fail
—
White BG
1.0Fail
4.7AA
1.9Fail
1.8Fail
3.3AA Large
Black BG
20.3AAA
4.5AA Large
11.2AAA
12.0AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFED8
59595F
ABAB98
D0D0C5
6161CE

Deuteranopia

FEFEDB
544F62
A7A39C
D3D6C4
5C55C9

Tritanopia

FEE2E4
3D686A
94A5A8
E1C2C1
3FBFBB

Achromatopsia

F8F8F8
676767
B3B3B3
C7C7C7
818181

Shades & Tints Shades & Tints

#FEFECC

Dark
Light

#398254

Dark
Light

#91CC88

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fefecc;
  --color-2: #398254;
  --color-3: #91cc88;
  --color-4: #e3b8c9;
  --color-5: #3b92e1;
}

SCSS

$color-1: #fefecc;
$color-2: #398254;
$color-3: #91cc88;
$color-4: #e3b8c9;
$color-5: #3b92e1;

TAILWIND

colors: {
  'brand-1': '#fefecc',
  'brand-2': '#398254',
  'brand-3': '#91cc88',
  'brand-4': '#e3b8c9',
  'brand-5': '#3b92e1',
}

RGB Array

[254, 254, 204], [57, 130, 84], [145, 204, 136], [227, 184, 201], [59, 146, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFECC, #398254, #91CC88, #E3B8C9, #3B92E1 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: #fefecc; --color-2: #398254; --color-3: #91cc88; --color-4: #e3b8c9; --color-5: #3b92e1. 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