← Back to Editor

#BDDBCF · #93BEBF · #4D2C48 · #4D182D · #7D1827

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#BDDBCF

Jade · LightGray · Apple Green

HEX
#BDDBCF
RGB
rgb(189, 219, 207)
HSL
hsl(156, 29%, 80%)
HSB
hsb(156, 14%, 86%)
CMYK
cmyk(14%, 0%, 5%, 14%)
Oklch
oklch(86.6% 0.036 169.4)

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

#93BEBF

Sky Blue · DarkGray · Lake Green

HEX
#93BEBF
RGB
rgb(147, 190, 191)
HSL
hsl(181, 26%, 66%)
HSB
hsb(181, 23%, 75%)
CMYK
cmyk(23%, 1%, 0%, 25%)
Oklch
oklch(77.1% 0.046 198.0)

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

#4D2C48

Rose Purple · DarkSlateGray · Eggplant

HEX
#4D2C48
RGB
rgb(77, 44, 72)
HSL
hsl(309, 27%, 24%)
HSB
hsb(309, 43%, 30%)
CMYK
cmyk(0%, 43%, 6%, 70%)
Oklch
oklch(34.6% 0.065 332.5)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#4D182D

Dark Violet · DarkSlateGray · Raspberry

HEX
#4D182D
RGB
rgb(77, 24, 45)
HSL
hsl(336, 52%, 20%)
HSB
hsb(336, 69%, 30%)
CMYK
cmyk(0%, 69%, 42%, 70%)
Oklch
oklch(30.0% 0.083 358.8)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#7D1827

Vermilion · Brown · Wine Red

HEX
#7D1827
RGB
rgb(125, 24, 39)
HSL
hsl(351, 68%, 29%)
HSB
hsb(351, 81%, 49%)
CMYK
cmyk(0%, 81%, 69%, 51%)
Oklch
oklch(38.9% 0.135 18.6)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDDBCF
DBBDC9

Analogous

BDDBC0
BDDBCF
BDD8DB

Triadic

BDDBCF
CFBDDB
DBCFBD

Split-Comp.

BDDBCF
DBBDD8
DBC0BD

Tetradic

BDDBCF
C0BDDB
DBBDC9
D8DBBD

Contrast Matrix WCAG 2.1 Contrast

BDDBCF
93BEBF
4D2C48
4D182D
7D1827
—
1.4
Fail
8.0
AAA
9.6
AAA
7.0
AA
1.4
Fail
—
5.9
AA
7.0
AA
5.1
AA
8.0
AAA
5.9
AA
—
1.2
Fail
1.1
Fail
9.6
AAA
7.0
AA
1.2
Fail
—
1.4
Fail
7.0
AA
5.1
AA
1.1
Fail
1.4
Fail
—
White BG
1.5Fail
2.0Fail
11.9AAA
14.1AAA
10.3AAA
Black BG
14.2AAA
10.4AAA
1.8Fail
1.5Fail
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAD2
A6A6BF
3F3E41
363628
515023

Deuteranopia

C8C6D3
A3A0BF
414340
393D27
575F23

Tritanopia

BED4D5
95BFBF
4B3C3B
4A2423
782120

Achromatopsia

D1D1D1
B1B1B1
393939
2A2A2A
383838

Shades & Tints Shades & Tints

#BDDBCF

Dark
Light

#93BEBF

Dark
Light

#4D2C48

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bddbcf;
  --color-2: #93bebf;
  --color-3: #4d2c48;
  --color-4: #4d182d;
  --color-5: #7d1827;
}

SCSS

$color-1: #bddbcf;
$color-2: #93bebf;
$color-3: #4d2c48;
$color-4: #4d182d;
$color-5: #7d1827;

TAILWIND

colors: {
  'brand-1': '#bddbcf',
  'brand-2': '#93bebf',
  'brand-3': '#4d2c48',
  'brand-4': '#4d182d',
  'brand-5': '#7d1827',
}

RGB Array

[189, 219, 207], [147, 190, 191], [77, 44, 72], [77, 24, 45], [125, 24, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BDDBCF, #93BEBF, #4D2C48, #4D182D, #7D1827 is ideal for: 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: #bddbcf; --color-2: #93bebf; --color-3: #4d2c48; --color-4: #4d182d; --color-5: #7d1827. 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. 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