#42C8E9 + #BEDEE6 + #E5E5E5 + #EBBAD2 + #FC3095 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#42C8E9

Lake Blue · MediumTurquoise · Lake Green

HEX

#42C8E9

RGB

rgb(66, 200, 233)

HSL

hsl(192, 79%, 59%)

HSB

hsb(192, 72%, 91%)

CMYK

cmyk(72%, 14%, 0%, 9%)

Oklch

oklch(77.5% 0.121 217.9)

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

#BEDEE6

Sky Blue · LightBlue · Glacier Blue

HEX

#BEDEE6

RGB

rgb(190, 222, 230)

HSL

hsl(192, 44%, 82%)

HSB

hsb(192, 17%, 90%)

CMYK

cmyk(17%, 3%, 0%, 10%)

Oklch

oklch(88.0% 0.036 214.5)

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

#E5E5E5

Plain White · Lavender · Cloud White

HEX

#E5E5E5

RGB

rgb(229, 229, 229)

HSL

hsl(0, 0%, 90%)

HSB

hsb(0, 0%, 90%)

CMYK

cmyk(0%, 0%, 0%, 10%)

Oklch

oklch(92.2% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#EBBAD2

Rouge · Pink · Cherry Blossom

HEX

#EBBAD2

RGB

rgb(235, 186, 210)

HSL

hsl(331, 55%, 83%)

HSB

hsb(331, 21%, 92%)

CMYK

cmyk(0%, 21%, 11%, 8%)

Oklch

oklch(83.9% 0.064 347.6)

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

#FC3095

Dark Violet · DeepPink · Rose Pink

HEX

#FC3095

RGB

rgb(252, 48, 149)

HSL

hsl(330, 97%, 59%)

HSB

hsb(330, 81%, 99%)

CMYK

cmyk(0%, 81%, 41%, 1%)

Oklch

oklch(66.2% 0.245 357.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

42C8E9

E96544

Analogous

44E9B7

42C8E9

4475E9

Triadic

42C8E9

E944C8

C8E944

Split-Comp.

42C8E9

E94475

E9B744

Tetradic

42C8E9

B744E9

E96544

75E944

Contrast Matrix WCAG 2.1 Contrast

42C8E9	BEDEE6	E5E5E5	EBBAD2	FC3095
—	1.4 Fail	1.6 Fail	1.2 Fail	1.8 Fail
1.4 Fail	—	1.1 Fail	1.2 Fail	2.5 Fail
1.6 Fail	1.1 Fail	—	1.3 Fail	2.8 Fail
1.2 Fail	1.2 Fail	1.3 Fail	—	2.1 Fail
1.8 Fail	2.5 Fail	2.8 Fail	2.1 Fail	—

White BG

2.0Fail

1.4Fail

1.3Fail

1.7Fail

3.5AA Large

Black BG

10.7AAA

14.8AAA

16.7AAA

12.5AAA

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7DE1

CCCCE4

E5E5E5

D6D5CC

A4A27D

Deuteranopia

746ADF

CAC8E4

E5E5E5

D9DCCB

B0BF77

Tritanopia

49DBD9

C0E3E2

E5E5E5

E9C8C7

F26965

Achromatopsia

A4A4A4

D5D5D5

E5E5E5

CBCBCB

797979

Shades & Tints Shades & Tints

#42C8E9

Dark

Light

#BEDEE6

Dark

Light

#E5E5E5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #42c8e9;
  --color-2: #bedee6;
  --color-3: #e5e5e5;
  --color-4: #ebbad2;
  --color-5: #fc3095;
}

SCSS

$color-1: #42c8e9;
$color-2: #bedee6;
$color-3: #e5e5e5;
$color-4: #ebbad2;
$color-5: #fc3095;

TAILWIND

colors: {
  'brand-1': '#42c8e9',
  'brand-2': '#bedee6',
  'brand-3': '#e5e5e5',
  'brand-4': '#ebbad2',
  'brand-5': '#fc3095',
}

RGB Array

[66, 200, 233], [190, 222, 230], [229, 229, 229], [235, 186, 210], [252, 48, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #42C8E9, #BEDEE6, #E5E5E5, #EBBAD2, #FC3095 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: #42c8e9; --color-2: #bedee6; --color-3: #e5e5e5; --color-4: #ebbad2; --color-5: #fc3095. 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