#E99AB4 + #EEF3F3 + #FAE165 + #EEF3F3 + #90CFDA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E99AB4

Rouge · LightPink · Cherry Blossom

HEX

#E99AB4

RGB

rgb(233, 154, 180)

HSL

hsl(340, 64%, 76%)

HSB

hsb(340, 34%, 91%)

CMYK

cmyk(0%, 34%, 23%, 9%)

Oklch

oklch(77.2% 0.099 358.4)

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

#EEF3F3

Sky Blue · Lavender · Glacier Blue

HEX

#EEF3F3

RGB

rgb(238, 243, 243)

HSL

hsl(180, 17%, 94%)

HSB

hsb(180, 2%, 95%)

CMYK

cmyk(2%, 0%, 0%, 5%)

Oklch

oklch(96.0% 0.005 197.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#FAE165

Fresh Green · Khaki · Sunflower

HEX

#FAE165

RGB

rgb(250, 225, 101)

HSL

hsl(50, 94%, 69%)

HSB

hsb(50, 60%, 98%)

CMYK

cmyk(0%, 10%, 60%, 2%)

Oklch

oklch(90.7% 0.145 98.0)

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

#EEF3F3

Sky Blue · Lavender · Glacier Blue

HEX

#EEF3F3

RGB

rgb(238, 243, 243)

HSL

hsl(180, 17%, 94%)

HSB

hsb(180, 2%, 95%)

CMYK

cmyk(2%, 0%, 0%, 5%)

Oklch

oklch(96.0% 0.005 197.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#90CFDA

Sky Blue · SkyBlue · Lake Green

HEX

#90CFDA

RGB

rgb(144, 207, 218)

HSL

hsl(189, 50%, 71%)

HSB

hsb(189, 34%, 85%)

CMYK

cmyk(34%, 5%, 0%, 15%)

Oklch

oklch(81.6% 0.066 209.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E99AB4

9BE9CF

Analogous

E99BDC

E99AB4

E9A89B

Triadic

E99AB4

B5E99B

9BB5E9

Split-Comp.

E99AB4

9BE9A8

9BDCE9

Tetradic

E99AB4

DCE99B

9BE9CF

A89BE9

Contrast Matrix WCAG 2.1 Contrast

E99AB4	EEF3F3	FAE165	EEF3F3	90CFDA
—	1.9 Fail	1.6 Fail	1.9 Fail	1.2 Fail
1.9 Fail	—	1.2 Fail	—	1.5 Fail
1.6 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.9 Fail	—	1.2 Fail	—	1.5 Fail
1.2 Fail	1.5 Fail	1.3 Fail	1.5 Fail	—

White BG

2.2Fail

1.1Fail

1.3Fail

1.1Fail

1.7Fail

Black BG

9.7AAA

18.7AAA

16.0AAA

18.7AAA

12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C6AE

F0F0F3

EFEF83

F0F0F3

ABACD7

Deuteranopia

CBD1AC

F0F0F3

F1F38A

F0F0F3

A8A3D7

Tritanopia

E5A9A8

EEF3F3

F99BA0

EEF3F3

93D5D5

Achromatopsia

B5B5B5

F2F2F2

DADADA

F2F2F2

BDBDBD

Shades & Tints Shades & Tints

#E99AB4

Dark

Light

#EEF3F3

Dark

Light

#FAE165

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e99ab4;
  --color-2: #eef3f3;
  --color-3: #fae165;
  --color-4: #eef3f3;
  --color-5: #90cfda;
}

SCSS

$color-1: #e99ab4;
$color-2: #eef3f3;
$color-3: #fae165;
$color-4: #eef3f3;
$color-5: #90cfda;

TAILWIND

colors: {
  'brand-1': '#e99ab4',
  'brand-2': '#eef3f3',
  'brand-3': '#fae165',
  'brand-4': '#eef3f3',
  'brand-5': '#90cfda',
}

RGB Array

[233, 154, 180], [238, 243, 243], [250, 225, 101], [238, 243, 243], [144, 207, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E99AB4, #EEF3F3, #FAE165, #EEF3F3, #90CFDA is ideal for: health products, baby brands, fresh-style blogs. 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: #e99ab4; --color-2: #eef3f3; --color-3: #fae165; --color-4: #eef3f3; --color-5: #90cfda. 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. 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