← Back to Editor

#4D435B · #B0BBC7 · #C3DAC9 · #D5F2D4 · #E8F5D8

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#4D435B

Deep Indigo · DarkSlateGray · Eggplant

HEX
#4D435B
RGB
rgb(77, 67, 91)
HSL
hsl(265, 15%, 31%)
HSB
hsb(265, 26%, 36%)
CMYK
cmyk(15%, 26%, 0%, 64%)
Oklch
oklch(40.3% 0.042 303.6)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#B0BBC7

Azure · Silver · Cobalt Blue

HEX
#B0BBC7
RGB
rgb(176, 187, 199)
HSL
hsl(211, 17%, 74%)
HSB
hsb(211, 12%, 78%)
CMYK
cmyk(12%, 6%, 0%, 22%)
Oklch
oklch(78.7% 0.021 250.4)

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

#C3DAC9

Celadon · LightGray · Mint Green

HEX
#C3DAC9
RGB
rgb(195, 218, 201)
HSL
hsl(136, 24%, 81%)
HSB
hsb(136, 11%, 85%)
CMYK
cmyk(11%, 0%, 8%, 15%)
Oklch
oklch(86.6% 0.034 153.6)

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

#D5F2D4

Emerald · LightGray · Mint Green

HEX
#D5F2D4
RGB
rgb(213, 242, 212)
HSL
hsl(118, 54%, 89%)
HSB
hsb(118, 12%, 95%)
CMYK
cmyk(12%, 0%, 12%, 5%)
Oklch
oklch(93.2% 0.050 144.3)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#E8F5D8

Willow Green · Beige · Mint Green

HEX
#E8F5D8
RGB
rgb(232, 245, 216)
HSL
hsl(87, 59%, 90%)
HSB
hsb(87, 12%, 96%)
CMYK
cmyk(5%, 0%, 12%, 4%)
Oklch
oklch(95.3% 0.041 126.9)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D435B
515B43

Analogous

43455B
4D435B
59435B

Triadic

4D435B
5B4D43
435B4D

Split-Comp.

4D435B
5B5943
455B43

Tetradic

4D435B
5B4345
515B43
435B59

Contrast Matrix WCAG 2.1 Contrast

4D435B
B0BBC7
C3DAC9
D5F2D4
E8F5D8
—
4.7
AA
6.3
AA
7.7
AAA
8.1
AAA
4.7
AA
—
1.3
Fail
1.6
Fail
1.7
Fail
6.3
AA
1.3
Fail
—
1.2
Fail
1.3
Fail
7.7
AAA
1.6
Fail
1.2
Fail
—
1.1
Fail
8.1
AAA
1.7
Fail
1.3
Fail
1.1
Fail
—
White BG
9.3AAA
1.9Fail
1.5Fail
1.2Fail
1.1Fail
Black BG
2.3Fail
10.8AAA
14.2AAA
17.5AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

494955
B5B5C4
CDCDCD
E2E2DB
EEEEDF

Deuteranopia

494A54
B4B3C3
CCCACE
E0DEDD
EDECE1

Tritanopia

4C5150
B1C2C1
C4D0D1
D6E1E2
E9E5E6

Achromatopsia

494949
B9B9B9
D1D1D1
E6E6E6
EEEEEE

Shades & Tints Shades & Tints

#4D435B

Dark
Light

#B0BBC7

Dark
Light

#C3DAC9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d435b;
  --color-2: #b0bbc7;
  --color-3: #c3dac9;
  --color-4: #d5f2d4;
  --color-5: #e8f5d8;
}

SCSS

$color-1: #4d435b;
$color-2: #b0bbc7;
$color-3: #c3dac9;
$color-4: #d5f2d4;
$color-5: #e8f5d8;

TAILWIND

colors: {
  'brand-1': '#4d435b',
  'brand-2': '#b0bbc7',
  'brand-3': '#c3dac9',
  'brand-4': '#d5f2d4',
  'brand-5': '#e8f5d8',
}

RGB Array

[77, 67, 91], [176, 187, 199], [195, 218, 201], [213, 242, 212], [232, 245, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #4D435B, #B0BBC7, #C3DAC9, #D5F2D4, #E8F5D8 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: #4d435b; --color-2: #b0bbc7; --color-3: #c3dac9; --color-4: #d5f2d4; --color-5: #e8f5d8. 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 cool-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