#94B0BC + #A7BFD7 + #EDAE5F + #E091BE + #6A90A3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#94B0BC

Sky Blue · DarkGray · Lake Green

HEX

#94B0BC

RGB

rgb(148, 176, 188)

HSL

hsl(198, 23%, 66%)

HSB

hsb(198, 21%, 74%)

CMYK

cmyk(21%, 6%, 0%, 26%)

Oklch

oklch(74.0% 0.035 225.6)

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

#A7BFD7

Azure · LightSteelBlue · Cobalt Blue

HEX

#A7BFD7

RGB

rgb(167, 191, 215)

HSL

hsl(210, 38%, 75%)

HSB

hsb(210, 22%, 84%)

CMYK

cmyk(22%, 11%, 0%, 16%)

Oklch

oklch(79.4% 0.043 248.4)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#EDAE5F

Ginger · SandyBrown · Warm Sun

HEX

#EDAE5F

RGB

rgb(237, 174, 95)

HSL

hsl(33, 80%, 65%)

HSB

hsb(33, 60%, 93%)

CMYK

cmyk(0%, 27%, 60%, 7%)

Oklch

oklch(79.4% 0.121 70.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E091BE

Mauve · Orchid · Rose Pink

HEX

#E091BE

RGB

rgb(224, 145, 190)

HSL

hsl(326, 56%, 72%)

HSB

hsb(326, 35%, 88%)

CMYK

cmyk(0%, 35%, 15%, 12%)

Oklch

oklch(75.0% 0.111 344.9)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#6A90A3

Slate Blue · CadetBlue · Navy Blue

HEX

#6A90A3

RGB

rgb(106, 144, 163)

HSL

hsl(200, 24%, 53%)

HSB

hsb(200, 35%, 64%)

CMYK

cmyk(35%, 12%, 0%, 36%)

Oklch

oklch(63.2% 0.051 230.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94B0BC

BCA094

Analogous

94BCB4

94B0BC

949CBC

Triadic

94B0BC

BC94B0

B0BC94

Split-Comp.

94B0BC

BC949C

BCB494

Tetradic

94B0BC

B494BC

BCA094

9CBC94

Contrast Matrix WCAG 2.1 Contrast

94B0BC	A7BFD7	EDAE5F	E091BE	6A90A3
—	1.2 Fail	1.2 Fail	1.0 Fail	1.5 Fail
1.2 Fail	—	1.0 Fail	1.2 Fail	1.8 Fail
1.2 Fail	1.0 Fail	—	1.2 Fail	1.8 Fail
1.0 Fail	1.2 Fail	1.2 Fail	—	1.5 Fail
1.5 Fail	1.8 Fail	1.8 Fail	1.5 Fail	—

White BG

2.3Fail

1.9Fail

2.3Fail

3.4AA Large

Black BG

9.2AAA

11.1AAA

10.8AAA

9.0AAA

6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A0B9

B1B2D1

D2D172

BEBDB3

7A7B9E

Deuteranopia

9F9CB8

B0AED0

D5DA77

C2C8B1

78759D

Tritanopia

95B7B6

A8CDCC

EA8185

DCABA9

6C9B9A

Achromatopsia

A9A9A9

BBBBBB

B8B8B8

AEAEAE

878787

Shades & Tints Shades & Tints

#94B0BC

Dark

Light

#A7BFD7

Dark

Light

#EDAE5F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94b0bc;
  --color-2: #a7bfd7;
  --color-3: #edae5f;
  --color-4: #e091be;
  --color-5: #6a90a3;
}

SCSS

$color-1: #94b0bc;
$color-2: #a7bfd7;
$color-3: #edae5f;
$color-4: #e091be;
$color-5: #6a90a3;

TAILWIND

colors: {
  'brand-1': '#94b0bc',
  'brand-2': '#a7bfd7',
  'brand-3': '#edae5f',
  'brand-4': '#e091be',
  'brand-5': '#6a90a3',
}

RGB Array

[148, 176, 188], [167, 191, 215], [237, 174, 95], [224, 145, 190], [106, 144, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94B0BC, #A7BFD7, #EDAE5F, #E091BE, #6A90A3 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: #94b0bc; --color-2: #a7bfd7; --color-3: #edae5f; --color-4: #e091be; --color-5: #6a90a3. 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