← Back to Editor

#5E0613 · #B1E6EA · #C2E3D8 · #D3DFC6 · #94DBD6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#5E0613

Vermilion · Maroon · Deep Berry

HEX
#5E0613
RGB
rgb(94, 6, 19)
HSL
hsl(351, 88%, 20%)
HSB
hsb(351, 94%, 37%)
CMYK
cmyk(0%, 94%, 80%, 63%)
Oklch
oklch(30.9% 0.118 21.4)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#B1E6EA

Sky Blue · LightBlue · Glacier Blue

HEX
#B1E6EA
RGB
rgb(177, 230, 234)
HSL
hsl(184, 58%, 81%)
HSB
hsb(184, 24%, 92%)
CMYK
cmyk(24%, 2%, 0%, 8%)
Oklch
oklch(89.0% 0.054 202.0)

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

#C2E3D8

Jade · LightGray · Glacier Blue

HEX
#C2E3D8
RGB
rgb(194, 227, 216)
HSL
hsl(160, 37%, 83%)
HSB
hsb(160, 15%, 89%)
CMYK
cmyk(15%, 0%, 5%, 11%)
Oklch
oklch(88.9% 0.038 173.3)

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

#D3DFC6

Willow Green · LightGray · Mint Green

HEX
#D3DFC6
RGB
rgb(211, 223, 198)
HSL
hsl(89, 28%, 83%)
HSB
hsb(89, 11%, 87%)
CMYK
cmyk(5%, 0%, 11%, 13%)
Oklch
oklch(88.8% 0.036 128.1)

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

#94DBD6

Jade · SkyBlue · Lake Green

HEX
#94DBD6
RGB
rgb(148, 219, 214)
HSL
hsl(176, 50%, 72%)
HSB
hsb(176, 32%, 86%)
CMYK
cmyk(32%, 0%, 2%, 14%)
Oklch
oklch(84.3% 0.071 190.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E0613
066052

Analogous

600640
5E0613
602606

Triadic

5E0613
146006
061460

Split-Comp.

5E0613
066026
064060

Tetradic

5E0613
406006
066052
260660

Contrast Matrix WCAG 2.1 Contrast

5E0613
B1E6EA
C2E3D8
D3DFC6
94DBD6
—
10.2
AAA
10.1
AAA
10.0
AAA
8.8
AAA
10.2
AAA
—
1.0
Fail
1.0
Fail
1.2
Fail
10.1
AAA
1.0
Fail
—
1.0
Fail
1.1
Fail
10.0
AAA
1.0
Fail
1.0
Fail
—
1.1
Fail
8.8
AAA
1.2
Fail
1.1
Fail
1.1
Fail
—
White BG
13.9AAA
1.4Fail
1.4Fail
1.4Fail
1.6Fail
Black BG
1.5Fail
15.4AAA
15.3AAA
15.1AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

383710
C8C8E9
D0D1DB
D8D8CC
B3B3D7

Deuteranopia

3D440F
C5C1E9
CECCDB
D8D7CE
AFA9D8

Tritanopia

5A0D0D
B4E8E8
C4DDDD
D4D1D2
98D8D8

Achromatopsia

222222
D7D7D7
D8D8D8
D9D9D9
C5C5C5

Shades & Tints Shades & Tints

#5E0613

Dark
Light

#B1E6EA

Dark
Light

#C2E3D8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e0613;
  --color-2: #b1e6ea;
  --color-3: #c2e3d8;
  --color-4: #d3dfc6;
  --color-5: #94dbd6;
}

SCSS

$color-1: #5e0613;
$color-2: #b1e6ea;
$color-3: #c2e3d8;
$color-4: #d3dfc6;
$color-5: #94dbd6;

TAILWIND

colors: {
  'brand-1': '#5e0613',
  'brand-2': '#b1e6ea',
  'brand-3': '#c2e3d8',
  'brand-4': '#d3dfc6',
  'brand-5': '#94dbd6',
}

RGB Array

[94, 6, 19], [177, 230, 234], [194, 227, 216], [211, 223, 198], [148, 219, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E0613, #B1E6EA, #C2E3D8, #D3DFC6, #94DBD6 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: #5e0613; --color-2: #b1e6ea; --color-3: #c2e3d8; --color-4: #d3dfc6; --color-5: #94dbd6. 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 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