← Back to Editor

#BCEBE0 · #DBDAA4 · #EBA638 · #E66D39 · #45323B

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

#BCEBE0

Jade · LightBlue · Glacier Blue

HEX
#BCEBE0
RGB
rgb(188, 235, 224)
HSL
hsl(166, 54%, 83%)
HSB
hsb(166, 20%, 92%)
CMYK
cmyk(20%, 0%, 5%, 8%)
Oklch
oklch(90.4% 0.051 179.2)

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

#DBDAA4

Fresh Green · Wheat · Sunflower

HEX
#DBDAA4
RGB
rgb(219, 218, 164)
HSL
hsl(59, 43%, 75%)
HSB
hsb(59, 25%, 86%)
CMYK
cmyk(0%, 0%, 25%, 14%)
Oklch
oklch(87.6% 0.071 106.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#EBA638

Ginger · GoldenRod · Warm Sun

HEX
#EBA638
RGB
rgb(235, 166, 56)
HSL
hsl(37, 82%, 57%)
HSB
hsb(37, 76%, 92%)
CMYK
cmyk(0%, 29%, 76%, 8%)
Oklch
oklch(77.3% 0.144 74.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E66D39

Tangerine · Tomato · Warm Sun

HEX
#E66D39
RGB
rgb(230, 109, 57)
HSL
hsl(18, 78%, 56%)
HSB
hsb(18, 75%, 90%)
CMYK
cmyk(0%, 53%, 75%, 10%)
Oklch
oklch(67.1% 0.164 42.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#45323B

Dark Violet · DarkSlateGray · Raspberry

HEX
#45323B
RGB
rgb(69, 50, 59)
HSL
hsl(332, 16%, 23%)
HSB
hsb(332, 28%, 27%)
CMYK
cmyk(0%, 28%, 14%, 73%)
Oklch
oklch(34.2% 0.031 348.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCEBE0
EBBCC7

Analogous

BCEBC9
BCEBE0
BCDFEB

Triadic

BCEBE0
E0BCEB
EBE0BC

Split-Comp.

BCEBE0
EBBCDF
EBC9BC

Tetradic

BCEBE0
C9BCEB
EBBCC7
DFEBBC

Contrast Matrix WCAG 2.1 Contrast

BCEBE0
DBDAA4
EBA638
E66D39
45323B
—
1.1
Fail
1.6
Fail
2.4
Fail
9.1
AAA
1.1
Fail
—
1.5
Fail
2.2
Fail
8.2
AAA
1.6
Fail
1.5
Fail
—
1.5
Fail
5.7
AA
2.4
Fail
2.2
Fail
1.5
Fail
—
3.7
AA Large
9.1
AAA
8.2
AAA
5.7
AA
3.7
AA Large
—
White BG
1.3Fail
1.4Fail
2.1Fail
3.2AA Large
11.8AAA
Black BG
16.1AAA
14.6AAA
10.0AAA
6.6AA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D1E3
DBDBB1
CDCD53
B2B146
3D3D39

Deuteranopia

CECAE3
DBDBB4
D1D659
B9C249
3E3F38

Tritanopia

BEE5E5
DBBBBE
E8686C
E05052
443737

Achromatopsia

DCDCDC
D4D4D4
AEAEAE
8B8B8B
393939

Shades & Tints Shades & Tints

#BCEBE0

Dark
Light

#DBDAA4

Dark
Light

#EBA638

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bcebe0;
  --color-2: #dbdaa4;
  --color-3: #eba638;
  --color-4: #e66d39;
  --color-5: #45323b;
}

SCSS

$color-1: #bcebe0;
$color-2: #dbdaa4;
$color-3: #eba638;
$color-4: #e66d39;
$color-5: #45323b;

TAILWIND

colors: {
  'brand-1': '#bcebe0',
  'brand-2': '#dbdaa4',
  'brand-3': '#eba638',
  'brand-4': '#e66d39',
  'brand-5': '#45323b',
}

RGB Array

[188, 235, 224], [219, 218, 164], [235, 166, 56], [230, 109, 57], [69, 50, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BCEBE0, #DBDAA4, #EBA638, #E66D39, #45323B 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: #bcebe0; --color-2: #dbdaa4; --color-3: #eba638; --color-4: #e66d39; --color-5: #45323b. 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