#9ADBB9 + #7D9BB5 + #0091EC + #542BFF + #494264 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#9ADBB9

Celadon · LightGreen · Apple Green

HEX

#9ADBB9

RGB

rgb(154, 219, 185)

HSL

hsl(149, 47%, 73%)

HSB

hsb(149, 30%, 86%)

CMYK

cmyk(30%, 0%, 16%, 14%)

Oklch

oklch(83.8% 0.082 161.2)

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

#7D9BB5

Slate Blue · LightSlateGray · Navy Blue

HEX

#7D9BB5

RGB

rgb(125, 155, 181)

HSL

hsl(208, 27%, 60%)

HSB

hsb(208, 31%, 71%)

CMYK

cmyk(31%, 14%, 0%, 29%)

Oklch

oklch(67.6% 0.051 244.8)

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

#0091EC

Lake Blue · DodgerBlue · Navy Blue

HEX

#0091EC

RGB

rgb(0, 145, 236)

HSL

hsl(203, 100%, 46%)

HSB

hsb(203, 100%, 93%)

CMYK

cmyk(100%, 39%, 0%, 7%)

Oklch

oklch(64.0% 0.169 247.3)

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

#542BFF

Deep Indigo · SlateBlue · Navy Blue

HEX

#542BFF

RGB

rgb(84, 43, 255)

HSL

hsl(252, 100%, 58%)

HSB

hsb(252, 83%, 100%)

CMYK

cmyk(67%, 83%, 0%, 0%)

Oklch

oklch(50.9% 0.281 278.5)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#494264

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#494264

RGB

rgb(73, 66, 100)

HSL

hsl(252, 20%, 33%)

HSB

hsb(252, 34%, 39%)

CMYK

cmyk(27%, 34%, 0%, 61%)

Oklch

oklch(40.1% 0.057 293.1)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9ADBB9

DB9ABB

Analogous

9BDB9A

9ADBB9

9ADBD9

Triadic

9ADBB9

B99ADB

DBB99A

Split-Comp.

9ADBB9

D99ADB

DB9A9B

Tetradic

9ADBB9

9A9BDB

DB9ABB

DBD99A

Contrast Matrix WCAG 2.1 Contrast

9ADBB9	7D9BB5	0091EC	542BFF	494264
—	1.8 Fail	2.1 Fail	4.2 AA Large	5.9 AA
1.8 Fail	—	1.2 Fail	2.3 Fail	3.2 AA Large
2.1 Fail	1.2 Fail	—	2.0 Fail	2.8 Fail
4.2 AA Large	2.3 Fail	2.0 Fail	—	1.4 Fail
5.9 AA	3.2 AA Large	2.8 Fail	1.4 Fail	—

White BG

1.6Fail

2.9Fail

3.4AA Large

6.6AA

9.3AAA

Black BG

13.2AAA

7.2AAA

6.3AA

3.2AA Large

2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B7C1

8A8AAF

3F40D6

4242CC

46465C

Deuteranopia

B2AEC3

8886AD

362CD1

4548BF

46475A

Tritanopia

9DC8C9

7FAAA9

07C5C1

52A39A

495554

Achromatopsia

C4C4C4

959595

707070

4F4F4F

484848

Shades & Tints Shades & Tints

#9ADBB9

Dark

Light

#7D9BB5

Dark

Light

#0091EC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9adbb9;
  --color-2: #7d9bb5;
  --color-3: #0091ec;
  --color-4: #542bff;
  --color-5: #494264;
}

SCSS

$color-1: #9adbb9;
$color-2: #7d9bb5;
$color-3: #0091ec;
$color-4: #542bff;
$color-5: #494264;

TAILWIND

colors: {
  'brand-1': '#9adbb9',
  'brand-2': '#7d9bb5',
  'brand-3': '#0091ec',
  'brand-4': '#542bff',
  'brand-5': '#494264',
}

RGB Array

[154, 219, 185], [125, 155, 181], [0, 145, 236], [84, 43, 255], [73, 66, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9ADBB9, #7D9BB5, #0091EC, #542BFF, #494264 is ideal for: corporate websites, product showcases, portfolios. 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: #9adbb9; --color-2: #7d9bb5; --color-3: #0091ec; --color-4: #542bff; --color-5: #494264. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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